美文网首页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