系列文章目录
前言
本文主要介绍了hexo博客怎么搭建
1. 环境配置
- 安装git、nodejs、npm
- 创建博客文件夹blog
- cmd输入命令npm install -g hexo
- 初始化博客 hexo init
- 安装依赖包 hexo install
- 本地运行 hexo server
- 浏览器访问 http://localhost:4000
2. 打包并发布到github仓库
- 在github上创建 用户名.github.io仓库
- 编辑本地目录blog下的_config.yml文件,在最后添加如下代码
deploy:
type: git
repository: http://github.com/用户名/用户名.github.io.git
branch: master
- cmd输入hexo generate
- cmd输入hexo deploy 部署到github
- 浏览器访问http://github.com/用户名.github.io
3. 生成ssh秘钥
- cmd输入ssh-keygen -t rsa -C “xxxx@qq.com”,一路回车 双引号里面的是github注册账号
- 找到本用户下的C:\Users${username}.ssh\id_rsa把里面的内容复制
- 在github上面对应的仓库点击Setting,然后点击Deploy Keys
- 黏贴刚才的内容,Allow write access 打钩,点击Add Key
- ssh -T git@github.com,即使报错也一路点yes,至此配置成功
- git config --global user.name “yourusername”
- git config --golbal user.email “youremail”
- 配置以上两个去掉很多警告
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博客的搭建,如果有任何疑问欢迎私信或者评论