美文网首页
使用hexo搭建博客超简易教程

使用hexo搭建博客超简易教程

作者: iceIC | 来源:发表于2017-10-10 19:48 被阅读17次

    hex安装的前提需要Node.js和Git,没有安装的小伙伴请自行百度。

    效果图:

    image.png

    本地博客

    安装hexo

    $ npm install hexo-cli -g

    新建一个文件夹mySite,然后cd到该文件夹。

    $ hexo init #初始化
    $ hexo g #创建静态html文件
    $ hexo s #开启本地服务
    

    成功后就可以在浏览器输入localhost:4000 进行访问。


    增加文章

    $ hexo new "articleName"#新建文章

    生成的文章会存在于 mySite/source/posts 目录下
    文章默认是一个 .md 的格式,所以需要知道markdown语法哦


    增加页面

    $ hexo new page "pageName" #新建页面


    主题改变

    主题库 https://github.com/hexojs/hexo/wiki/Themes

    先在主题库选好主题,比如博主的主题就是 next

    $ cd mySite
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next
    

    成功后修改mySite文件夹下的 _config.yml 文件中。将 theme:之前的主题名改为theme:next即可。

    改完后执行

    $ hexo clean
    $ hexo g
    $ hexo s
    

    开启本地服务之后就可以在浏览器输入localhost:4000 进行访问。


    远程博客

    之前的操作只能本地访问,要想别人也能访问的话必须发布到服务器上,这里我是用github的服务器。

    使用github搭建远程博客需要学习GitHub Pages,不会的小伙伴请自行百度。

    1. 修改mySite文件夹下的_config.yml文件。
    ...
    #通常在该文件的最后
    deploy:
    
         type: git
    
         repo: https://github.com/{ice45571}/{ice45571}.github.io.git #大括号里内容需要替换成你自己的github名字
    
         branch: master
    
    1. $ npm install hexo-deployer-git --save
    2. $ hexo deploy #部署本地服务器文件到github服务器
    3. 成功后只需要在浏览器输入https://{ice45571}.github.io/即可访问
    4. 之后本地所有改动只要使用$ hexo deploy就可以同步到远程服务器

    尾语

    1. 原文链接
    2. 目前集成评论系统出错,待更新(成功的小伙伴可以多多指教)。

    相关文章

      网友评论

          本文标题:使用hexo搭建博客超简易教程

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