Codpoe

Front-end Developer @bytedance

终于又双叒叕搭建好我的博客啦

Hexo

Hexo 是快速、简洁且高效的博客框架。

安装 Hexo

  1. 需要先安装 Git 和 配置 Node.js

    • Git。就不说了，程序员的「蚊虫叮咬，居家旅行」必备良药。
    • Node.js。直接官网下载，然后一路 Next。

  2. 创建个新文件夹（或者你认为合适的地方）用于存放将会生成的各种文件，在这个文件夹中右击打开 Git Bash，接着输入指令：

    npm install hexo-cli -g
hexo init
npm install
    npm install hexo-cli -g
hexo init
npm install

    这时候，Hexo 就已经安装完毕了，可以在文件夹内看到一些文件。

  3. 然后输入：

    hexo g
hexo s
    hexo g
hexo s

    用浏览器打开 http://localhost:4000/，就会看到效果啦！到这里，Hexo 已经在本地基本配置好了，不过也仅仅是本地能看，别人访问不了。

部署到 GitHub

  1. 新建一个名为usrname.github.io的仓库，例如，我的 GitHub 用户名是codpoe，那么我的仓库名就是codpoe.github.io。

  2. 安装 hexo-deployer-git

    npm install hexo-deployer-git --save
    npm install hexo-deployer-git --save

  3. 在文件夹的_comfig.yml文件中找到Deployment，修改如下：

    deploy:
  type: git
  repo: <repository url> ## 你的仓库地址
  branch: [branch] ## 分支名称。如果您使用的是 GitHub 或 GitCafe 的话，程序会尝试自动检测。
  message: [message] ## 自定义提交信息 (默认为 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }})
    deploy:
  type: git
  repo: <repository url> ## 你的仓库地址
  branch: [branch] ## 分支名称。如果您使用的是 GitHub 或 GitCafe 的话，程序会尝试自动检测。
  message: [message] ## 自定义提交信息 (默认为 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }})

  4. 输入：

    hexo g
hexo d
    hexo g
hexo d

更换域名

  1. 从万网、GoDaddy 等等都可以购买域名，我的域名是在万网买的，价格还不错。买到域名之后，就可以开始解析，推荐用 DNSPOD 来解析。

  2. 在 Hexo 目录的 source 文件夹中，新建一个名为 CNAME 的文件，然后把域名写入这个 CNAME 文件中。

    CNAME 文件没有后缀。

  3. 执行：

    hexo g
hexo d
    hexo g
hexo d

更换主题

  1. Hexo 的主题资源很多，网上一搜就有，传送门：

  2. 下载主题文件、解压，保存到 Hexo 目录下的themes文件夹中，然后修改 Hexo 目录下的_config.yml文件：

    # Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: maupassant ## 在这里更换主题
    # Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: maupassant ## 在这里更换主题

  3. 执行：

    hexo clean
hexo g
hexo d
    hexo clean
hexo g
hexo d

  4. 刷新一下博客，就可以看到新主题的效果。

  • 想修改主题的各种配置的话，要查看相应主题的文档说明。
  • 想在原主题的基础上修改样式的话，直接对主题的样式文件动手吧。

备份

Hexo 是先在本地生成静态网页，再传到服务器上的。如果要换电脑怎么办呢？@_@ 拿 U 盘把整个文件夹拷走吗？这似乎不太优雅。

其实在一开始安装 Hexo 的时候，目录下就已经生成一个.gitignore文件，这难道意味着官方推荐用 git 的方式来管理和备份 Hexo 文件吗？我想是吧。

  • 一个方法是，在 GitHub 或者 Coding 之类的代码托管网站，新建一个仓库，然后上传整个 Hexo 文件夹。
  • 还有个方法就是，在已经存在的仓库 usrname.github.io 上新建一个分支，例如，我新建了一个 hexo 分支，然后把本地的 Hexo 文件夹上传到这个分支。

我现在就是用第二个方法来备份 Hexo 文件。

推荐阅读