hexo博客搭建

系列文章目录

前言

本文主要介绍了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: git
  repository: http://github.com/用户名/用户名.github.io.git
  branch: 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博客的搭建，如果有任何疑问欢迎私信或者评论