0%

搭建博客(hexo)


一. 下载 nodejs

点击 node.js 官网,就可以进行下载,例如:

image
安装之后,打开终端(win+R),输入 cmd,之后在终端输入:

1
2
node -v
npm -v

结果如图:
image

二 安装 hexo

终端输入

1
npm install -g hexo-cli

验证

在终端输入

1
hexo -v

结果如图:
image

三 搭建

  1. 建立一个空文件夹,名字任意(我的为 myblog)

    • 以后出错直接将该文件夹删掉重来就行
  2. 终端进入 myblog 文件夹

  3. 初始化博客,终端输入

    • hexo init
  4. 启动博客查看

    • hexo server(按 ctrl+c 停止服务)
  5. 浏览器输入

    • localhost::4000
  6. 新建文章

    • hexo new post “我的第一篇文章”
  7. 生成

    • hexo clean(清空)
    • hexo g(配置)
    • hexo s(开启服务)

      四. 部署到 GitHub

  8. 创建个人账户

  9. 在 GitHub 创建仓库

    • 注意:用户部署个人博客的 GitHub 仓库的命名必须和 GitHub 用户名(昵称)一样
  10. 装 git 插件

    • 终端输入: npm install -save hexo-deployer-git
  11. 修改 myblog 文件夹下的 config.yml(站点配置文件)

    • 拉到底部看到 deploy 改成
      1
      2
      3
      4
      5
      deploy:
      type: git
      repo: https://github.com/yourname/yourname.github.io.git
      branch: master
      # 其中yourname是你 GitHub 用户名(记住,仓库名必须和 GitHub 用户名一样)
  12. 部署远端

    • 终端输入:hexo d

      五 更换主题

      以 nextT 主题为例子
  13. 下载的主题文件放到 myblog/themes/

  14. 在 myblog 文件夹下,修改 config.yml(站点配置文件)找到如下代码

    1
    2
    3
    4
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: landscape

改成

1
theme: next

参考博客

  1. Github+Hexo+NextT搭建个人博客
  2. Hexo框架+NextT主题搭建博客教程(部署到coding net)
  3. hexo史上最全搭建教程

本文标题:搭建博客(hexo)

文章作者:志者

发布时间:2019年08月17日 - 14:10:00

最后更新:2019年10月17日 - 17:27:52

原始链接:http://witman1999.github.io/搭建博客(hexo).html

许可协议: 署名-非商业性使用-相同方式共享 4.0 国际 转载请保留原文链接及作者。

-------------本文结束感谢您的阅读-------------
copy