搭建属于我的静态博客

发表于 | | 阅读次数:

相关工具

  • node （安装）
  • ruby （安装）
  • hexo （node package）
  • github （githubpages 配置）
  • hexo-deployer-git（node package）

    准备工作

    1.安装node
    2.安装ruby
    3.安装hexo命令行工具
1
npm install -g hexo-cli

4.githubpage配置

image.png
“User or organization site”是生成username.github.io的域名静态博客（推荐这一种，逼格更高）
“Project site”是生成github.io/projectname的静态博客
其他的配置就参照githubpage的教程，就两三步。

5.安装hexo-deployer-git 博客推送到github的工具

1
npm install hexo-deployer-git --save

6.配置静态博客仓库地址
找到hexo项目配置文件_config.yml，找到deploy属性，没有则新增，注意不能出现重复属性。

1
2
3
4
deploy: 
    type: git 
    repository: https://github.com/${username}/${username}.github.io.git  // username为github用户名，
    branch: master //默认master，也可以自己指定

hexo常用命令

1
hexo init

新建一个网站。如果没有设置 folder ，Hexo 默认在目前的文件夹建立网站。

1
hexo new [layout] <title>

新建一篇文章。如果没有设置 layout 的话，默认使用 _config.yml 中的 default_layout 参数代替。如果标 题包含空格的话，请使用引号括起来。

1
hexo generate

生成静态文件。

1
hexo server

启动服务器。默认情况下，访问网址为： http://localhost:4000/。

1
hexo clean

清除缓存文件 (db.json) 和已生成的静态文件 (public)。
在某些情况（尤其是更换主题后），如果发现您对站点的更改无论如何也不生效，您可能需要运行该命令。

1
hexo deploy

部署网站（简而言之，就是把生成的网页，推送到你设置的github仓库地址）
以上仅列出我经常用到的一些命令，更多命令及配置请移步hexo中文文档。
下篇，mark一下语雀+hexo的协作，毕竟markdown，不如所见即所得的富文本编辑器好用，而且分类管理起来，语雀确实要方便些。