My New Blog Is Live, Plus a Record of Wrestling with Hexo

Since Jianshu and Zhihu often delete my blog posts for various reasons, and my previous WordPress blog has already broken, I've been wanting to set up a new blog. That's when I took a liking to Hexo static blogs—hosting them directly on GitHub is both convenient and free.

The official docs already cover configuration in plenty of detail, so I won't repeat that here.

Blog URL: http://blog.deali.cn/

Besides all the configuration, I also spent a day writing scripts to import my old blog, download images, do replacements, and so on. Plenty of problems came up along the way—it felt annoying and like a waste of time. But once I'd started, not seeing it through would have made all the previous work feel wasted, so as of today it's finally up and running~

I've written an article before about extracting images from Markdown. This time I upgraded it so it can download all remote images in Markdown and replace them with local relative paths. I'll write a separate post about it when I have time.

Reference: https://zhuanlan.zhihu.com/p/87811246

Screenshots First

Here's the final result—not bad, right?

Home

Categories

Choosing a Theme

Hexo official docs: https://hexo.io/zh-cn/docs/

The theme I chose is hexo-theme-indigo. Homepage: https://github.com/yscoder/hexo-theme-indigo

Generating Permalinks for Posts

Use Grunt, a common Node.js automated build tool, to generate permalinks based on file hash values.

You need to install Grunt first and configure it a bit. Just check the official docs for that: https://gruntjs.com/getting-started

Reference: http://blog.jvaeyhcd.wang/posts/05c9df7e0c47bd64.html

Travis CI Continuous Integration

To auto-deploy the blog, you ideally need two GitHub repositories: one named whatever you like, and one named github用户名.github.io, so it can be accessed directly.

Here's the config:

First, the .travis.yml file

# 语言
language: node_js
# node版本
node_js:
  - 8
# 指定缓存模块
cache:
  directories:
    - node_modules
# 监听分支
branches:
  only:
    - master
install:
  - npm install
script:
  - hexo clean
  - hexo generate
after_script:
  - git config user.name "用户名"
  - git config user.email "邮箱"
  - sed -i "s/{GH_TOKEN}/${GH_TOKEN}/g" ./_config.yml
  - hexo deploy

Then, at the end of the _config.yaml file, the deploy section:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  - type: git
    repository: https://{GH_TOKEN}@这里放上第二个github仓库的链接
    branch: master

The rest of the steps are pretty simple. Refer to these two docs: (By the way, the official docs seem to have it wrong—go by mine instead)

• Official docs: https://hexo.io/zh-cn/docs/github-pages
• https://blog.utone.xyz/2019091039107/

Welcome to Discuss

I've put together a series of technical articles and materials. Reply with linux, flutter, c#, netcore, android, java, python, etc. in the WeChat official account 「程序设计实验室」 to get the related technical articles and materials.