系列文章目录

---

---

前言

本文主要介绍了hexo博客怎么搭建

---

1. 环境配置

1. 安装git、nodejs、npm
2. 创建博客文件夹blog
3. cmd输入命令npm install -g hexo
4. 初始化博客 hexo init
5. 安装依赖包 hexo install
6. 本地运行 hexo server
7. 浏览器访问 http://localhost:4000

2. 打包并发布到github仓库

1. 在github上创建 用户名.github.io仓库
2. 编辑本地目录blog下的_config.yml文件，在最后添加如下代码

deploy:type: gitrepository: http://github.com/用户名/用户名.github.io.gitbranch: master

3. cmd输入hexo generate
4. cmd输入hexo deploy 部署到github
5. 浏览器访问http://github.com/用户名.github.io

3. 生成ssh秘钥

1. cmd输入ssh-keygen -t rsa -C “xxxx@qq.com”，一路回车 双引号里面的是github注册账号
2. 找到本用户下的C:\Users${username}.ssh\id_rsa把里面的内容复制
3. 在github上面对应的仓库点击Setting，然后点击Deploy Keys
4. 黏贴刚才的内容，Allow write access 打钩，点击Add Key
5. ssh -T git@github.com，即使报错也一路点yes,至此配置成功
6. git config --global user.name “yourusername”
7. git config --golbal user.email “youremail”
8. 配置以上两个去掉很多警告

4.vscode配置本地与远端相对路径不一致问题

前提安装了插件Markdown All In One
ctrl+shift+P 找到 Markdown Preview Enhanced: Extend Parser，打开 parser.js

  onWillParseMarkdown: async function(markdown) {return new Promise((resolve, reject)=> {/** 处理 {% asset_img xxx%}**/// markdown = markdown.replace(// /\{%\s*asset_img\s*(.*)\s*%\}/g,// (whole, content) => (`![](/source/_posts/${markdown.match(/title\: (\S*)/)[1]}/${content})`)// )/** 处理 [](xxx.html/xxx)**/// markdown = markdown.replace(//   /\[.*]\(.*\.html\/.*\)/g,//   (whole, content) => (`${whole}`.replace(/\.html\//g,'.md/'))//     )/** 处理 [](xxx/xxxx.png)**/// markdown = markdown.replace(//   /!\[.*]\(.*\.(png|jpg|gif)\)/g,//   (whole, content) => (`${whole}`.replace(/]\(/g,'](/docs/.vuepress/public/'))// )/** 处理 [](xxxx.png)**/markdown = markdown.replace(/!\[.*]\(.*\.(png|jpg|gif)\)/g,(whole, content) => (`${whole}`.replace(/]\(/g,`](./${markdown.match(/title\: (\S*)/)[1]}/`)))return resolve(markdown)})},

总结

本文主要介绍了hexo博客的搭建，如果有任何疑问欢迎私信或者评论