avatar

Hexo博客搭建心得

前期准备工作

1.有一个github账号,没有的话去注册一个;
2.安装了node.js、npm,并了解相关基础知识;
3.安装了git

安装Hexo

1.全局安装Hexo

$ npm install -g hexo


2.初始化Hexo博客

在电脑的某个地方新建一个名为blog的文件夹(名字可以随便取),比如我的是D:\blog,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。

$ cd /d/blog/   # 进入blog文件夹
$ hexo init   # 初始化博客
$ hexo g   # 生成静态页面
$ hexo s   # 启动本地服务,一般是4000端口


修改Hexo主题

Hexo的官方主题比较丑,这样的话肯定影响我们写代码的心情,那怎么办呢??
不必惊慌,让我们来给它改皮换面,换上一个我们心水的主题。。
博主在这里推荐   hexo-theme-yilia

先把这份主题下载下来:

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

下载后,在blog目录下找到 _config.yml ,并将其中的 theme:landscape 修改为 theme:yilia
然后执行:
hexo c  (清理public的内容);
hexo g & hexo s  (重新生成和发布)

发布到Github

创建仓库

新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是test,那么你就新建test.github.io的仓库(必须是你的用户名,其它名称无效),将来你的网站访问地址就是 http://test.github.io 了。

上传Github

如果你一切都配置好了,发布上传很容易,一句hexo d就搞定,当然关键还是你要把所有东西配置好。

  1. 首先,安装一个插件 hexo-deployer-git

    npm install hexo-deployer-git --save

  2. 配置_config.yml中有关deploy的部分:

1
2
3
4
deploy:
type: github
repository: https://github.com/Darkerbin/Darkerbin.github.io.git
branch: master
  1. 输入hexo d就会将本次有改动的代码全部提交,没有改动的不会。
文章作者: Darkerbin
文章链接: https://darkerbin.github.io/2020/04/04/Hexo博客搭建心得/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 解忧杂货店小店员
打赏
  • 微信
    微信
  • 支付寶
    支付寶