先学会走路————用Hexo + github搭建自己的博客!

438 阅读2分钟

用Hexo在本地搭建一个博客

所需环境 nodejs

  1. 安装 nodejs 选择自己电脑对应的版本下载安装

  2. 安装 git 傻瓜式安装

  3. 使用npm安装Hexo的脚手架工具 hexo-cli

 npm install -g hexo-cli

快速开始

  1. 随便找个文件夹下打开终端,输入
  hexo i blog  // init的缩写 blog是项目名
  cd blog   //切换到站点根目录
  hexo g  //generetor的缩写
  hexo s //server的缩写

打开浏览器输入localhost:4000查看:

这个就是hexo默认的博客主题。现在你已经可以在这个主题下写博客了。

当然,我是不喜欢这样的,幸好,github上有大量的主题可供选择,这里我选择使用nexT主题。

选择主题–nexT

  1. 在根目录blog输入
git clone https://github.com/iissnan/hexo-theme-next
  1. 完成后,这代表网站主题已经安装完成,这时候只需要自定义主题了,就找到thems/next下的 _config.yml, 这个就是主题的配置文件

然后自定义自己的内容,找到thems字段,设置成next;

  1. 在终端输入
hexo clean  //清除缓存
hexo g  //重新生成代码
hexo s  //部署到本地

//然后打开浏览器访问 localhost:4000 查看效果

nexT主题有三种选择,这个只是最简洁的一种,我们选择最好看的那个。

Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
Mist - Muse 的紧凑版本,整洁有序的单栏外观
Pisces - 双栏 Scheme,小家碧玉似的清新
  1. 配置next

当然,你完全可以进行很多的自定义设置甚至修改源码,定制自己的主题。更多的设置请移步官方文档

http://theme-next.iissnan.com/getting-started.html

将本地博客上传到github 话不多做,直接开始。

将博客部署到github

  1. 注册github账号 地址: github

  2. 创建一个new repository,名称为 yourname.github.io, 其中yourname是你的github名称,按照这个规则创建才有用哦

  1. 按格式输入项目名称
  1. 点击settings 创建一个page
  1. 设置github pages

接下来将我们Hexo的代码部署到github上。

  1. 修改hexo站点的配置文件

改成这样就好了,记得保存。

注意!!!冒号的后面一定一定一定要有一个空格!!

  1. 部署一下到github就好了

npm install hexo-deployer-git --save //先装个插件压压惊 hexo d // 部署的命令

发布你的第一篇博客 根目录下输入 :

hexo new "postName"
 //hexo n 也可以 
 //你自己的博客名称,名为postName.md的文件会建在目
 //录/blog/source/_posts下。

文章编辑完成后,终端在根目录文件夹下,执行如下命令来发布:

hexo g //生成静态页面
hexo d //发布

现在查看一下: 个人博客就创建成功了

已经发布上去咯。

参考链接

  1. https://geeksblog.cc/hexo-theme.html;
  2. https://blog.csdn.net/Hoshea_chx/article/details/78826689
注: 图片部分来源网络