美文网首页Hexo
如何搭建自己的Hexo博客并部署到Github上

如何搭建自己的Hexo博客并部署到Github上

作者: suda_liu | 来源:发表于2019-08-22 15:33 被阅读0次

前言


拥有一个个人博客是一个很有成就感的事。

推荐用hexo搭建博客,出了问题网上有很多解决方案。


什么是Hexo


Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。


配置Node.js环境


Hexo需用通过npm安装,而npm需要node,现在只要安装node 就自带 npm了

\bullet  下载地址

这里的是Windows版本,点击左边的下载安装,保持默认设置即可。

\bullet  确认成功执行出现版本号即成功

node -v

npm -v


配置Git环境


\bullet  下载地址

\bullet  确认成功:执行

git -v

安装hexo


\bullet  这里需要把npm换成淘宝的镜像,利用npm来安装cnpm.否则比较慢装不了。再利用cnpm来安装Hexo。

npm install -g cnpm --registry=https://registry.npm.taobao.org 

cnpm install -g hexo.cli

\bullet  确认成功:

cnpm -v

hexo -v

正式搭建hexo博客


\bullet  创建博客目录。(若过程中出错直接删掉这个目录重来)

\bullet  初始化博客:

hexo init

初始完成后打开文件夹会出现以下文件:

\bullet  生成静态页面:

hexo clean 

hexo g

\bullet  运行:

hexo s

打开浏览器,输入地址 localhost:4000 即可看到效果 

博客部署到Github上


\bullet  有个Github账号

\bullet  创建一个xxx.github.io的public仓库

\bullet  安装一个Git的插件:

cnpm install --save hexo-deployer-git

\bullet 用编辑器打开blog项目,修改 _config.yml文件来配置deploy:

deploy:

  type: git

  repo: <所建仓库地址>

  branch: master

参考:

\bullet  部署:

hexo clean

hexo g

hexo d

写博客


\bullet  新建文章:

hexo new '文章名'

然后在blog的source文件夹就可以看到了。


完成啦


可以自己去尝试捣鼓你的博客啦。

相关文章

网友评论

    本文标题:如何搭建自己的Hexo博客并部署到Github上

    本文链接:https://www.haomeiwen.com/subject/tupvdctx.html