Hexo的部署
WuCheng

Hexo的安装准备

(在此之前请先安装node.jsgit

首先要注册好一个GitHub账号,然后新建一个仓库,起一个名字(最好是你的用户名)
然后安装好git后在要存放blog的文件夹中右击,选择Git Bash Here
然后将你的GitHub与本地相连接

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

然后

ssh-keygen -t rsa -C “GitHub 邮箱”

一路回车,随后找到生成密钥的地方(一般是C:\用户\电脑账户名\.ssh\)用记事本打开id_rsa.pub文件,复制里面的内容

转到GitHub,点击头像- Setting - SSH and GPG keys - New SSH key在大输入框里面粘贴刚刚复制的内容,然后Add SSH key

到这里,安装的准备工作就做完了

Hexo的安装

安装hexo命令:

npm install -g hexo-cli

在建立的文件夹中输入命令:

hexo init
npm install

来新建网站

然后就可以使用

hexo new “文章名字”

新建文章了。

然后在source\_posts里能看到新建的文章了,写文章的语法为markdown 有关请访问markdown官方教程

由于hexo是静态的,新建好文章后记得用(每次新写完文章也要)

hexo g

生成页面

然后本地预览测试

hexo s

打开服务,并可以在游览器中输入localhost:4000中查看博客是否有问题

部署到GitHub

在GitHub上建好仓库后

安装插件npm install hexo-deployer-git --save

在上传之前之前请先配置好根目录的_config.yml中最后一段的

1
2
3
4
5
deploy:
type: git
repo: 你的GitHub仓库地址
branch: main
message: 提交信息

blog的标题等信息也会在_config.yml中,请记得修改配置(安装新的主题后请在themes文件夹中的_config.yml中修改
(有关更多配置参考官方文档或者有关主题使用说明)

写好需要部署到GitHub或者服务器中使用命令:

hexo d

若配置不对请检查一遍配置再进行上传

有关文章界面说明请访问 https://hexo.io/zh-cn/docs/writing

上传好后就可以在你的用户名.github.io看到你的blog了

如果你有自己的域名的话,在域名的控制台中添加解析记录类型为A,地址需要在cmd命令中ping 你的用户名.github.io

然后再GitHub仓库中找到Setting-Page-Custom domain中填入你的域名

至此差不多就完成了blog的搭建
觉得主题难看可以去下载官网的主题安装

写在后面

在利用github搭建hexo的过程中也遇到一些问题

  • hexo d后GitHub中的自定义域名会被修改
    在hexo生成博客的source目录中新建CNAME文件,在文件中输入域名,以防custom domain被重置

  • github的页面和预览的不一样
    hexo clean后再次生成界面上传,耐心等待几分钟刷新一下就好了

  • 本文标题:Hexo的部署
  • 本文作者:WuCheng
  • 创建时间:2021-10-20 16:39:29
  • 本文链接:https://www.wucheng.work/2021/10/20/hexo部署/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!