使用Hexo搭建博客

发表于2021-02-02更新于2021-02-04

前言

搭建Hexo博客，需要些准备工作的，毕竟这个还是属于灵活定制的个人博客，灵活性高定制性就高，同时，配置项就多，烦躁。。。
搭建Hexo属于简易开发过程了，涉及了一些代码，但是代码性不强，没有什么逻辑性，所以搭建过程还是比较简单的，搭建之前的准备：

准备

搭建过程

  1. 通过npm安装Hexo: npm install -g hexo-cli

  2. 在当前路径下，创建名为‘blog’的Hexo项目文件夹：hexo init blog

  3. 进入‘blog’文件夹：cd blog

  4. 安装依赖： npm install

    安装完成后项目结构为：

    • node_modules: 依赖包（通过执行 npm install 命令，产生的文件夹）
    • public：存放生成的页面（后续环节中通个 hexo g 命令生成）
    • scaffolds：生成文章的一些模板
    • source：用来存放你的文章（默认文章为.md结尾的Markdown格式的文件，存放于当前文件夹下的_posts文件夹中）
    • themes：主题
    • _config.yml: 博客的配置文件
    • 其他文件就不要乱动了

  5. 将当前的代码文件打包：hexo g （会生成‘public’文件夹）

  6. 开启Hexo服务：hexo s (可在本地访问：http://localhost:4000)

github的仓库

  1. 在github上创建一个空的public仓库
  2. 将仓库的地址，放在当前项目文件夹下_config.yml中（/blog/_config.yml）：
    1
    2
    3
    4
    5
    deploy:
        type: git
        # 建议使用https的仓库地址
        repository: https://github.com/username/xxx.git
        branch: master
  3. 通过 hexo g 生成静态文件
  4. 通过 hexo d 将文件上传至对应的github仓库

再开发时候的操作

  1. git clone 代码
  2. npm install
  3. 安装git：npm install hexo-deployer-git –save
  4. 执行 hexo g 生成编译文件
  5. 执行 hexo d 上传编译文件

小结

好麻烦啊。。。。所说个性化定制挺好的，但是各种要配置的，主题也是，看起来怪怪的，写的文章，超链接什么的也不好弄。。。[苦涩]