blogStablish - hexo博客搭建

Posted on Edited on In

1 github初始化仓库

初始化git repo: 地址如下
https://github.com/xychen5/xychen5.github.io.git

2 安装相关依赖

1
2
3
4
5
6
npm install -g hexo
hexo init blogs
cd blogs
npm install -s hexo-theme-next # 安装主题
npm install --save hexo-deployer-git # 安装专用git工具
hexo s # 本地测试一下是否能正常运行

3 部署

编辑blogs/_config.yml的末尾如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: git@github.com:xychen5/xychen5.github.io.git
  branch: main

# MathJax
math:
  engine: 'mathjax'
  mathjax:
    src: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML

部署如下：

1
2
hexo clean && hexo g -d
cp .\node_modules\hexo-theme-next\_config.yml ./_config.next.yml # 将next的配置放到项目根目录，避免编辑第三方库里的yml

4 博客写作分类以及标签以及使用技巧

5 将hexo生成的网站(会推到xychen5.github.io库里)和自己写的markdown文件分开

  • 1 主要是将blogs/source目录下的文件用另一个库存好即可，可以使用如下步骤:
    1
    2
    3
    4
    5
    6
    cd source
    git init
    git remote add origin <你的空repo地址>
    git add .
    git commit -m 'init'
    git push -u origin master
  • 2 然后在blogs/package.json加入：
    1
    2
    3
    4
    5
    6
    7
    "scripts": {
      "build": "hexo generate",
      "clean": "hexo clean",
      "deploy": "hexo deploy",
      "server": "hexo server",
      "pub": "cd source && git add ./* && git commit -m 'upate' && git push && cd .. && hexo clean && hexo g -d"
    },

6 使用GitHub的图片床

主要参考：https://github.com/XPoet/picx
生成token后记得复制: https://github.com/settings/tokens