美文网首页
Hexo搭个人静态博客

Hexo搭个人静态博客

作者: 钢小牙 | 来源:发表于2016-05-10 16:15 被阅读0次

    1.环境配置

    默认你已经安装Node.js,Git,并且会配置Github,不会?!。这里唯一要注意的点
    是你的Repository name必须是** user_name **.github.io。
    ** user_name , user_name , user_name **重要的事情说3遍。

    2.安装Hexo

    打开Git命令行或者Node
    $ npm install hexo -g
    npm被墙或者速度太慢的话,可以用大淘宝的cnpm

    3.初始化

    新建一个文件夹,在该文件夹右键打开Git Bash或者打开Git命令行进入该文件夹
    $ hexo init
    Hexo随后会自动在目标文件夹建立网站所需要的文件,然后安装依赖包
    $ npm install
    之后你可以启动本地服务,预览
    $ hexo s [1]
    此时在浏览器打开http://localhost:4000/ 就可以预览默认主题

    4.部署到Github

    部署到Github前需要配置_config.yml文件,找到这部分代码,根据个人信息修改

     # Site
      title: #网站的title   
      subtitle: #个性签名,座右铭啥的
      description: #描述
      author: #也就是你
      language: #中文zh-CN
      timezone: 
    

    接下来找到下面代码块

    theme: landscape
    
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repository: 
      branch: master
    

    默认没有repositorybranch,需要自己添加,typegit,branchmaster,repsository必须是SSH形式的url。注意每个冒号后面有空格

    然后……
    $ npm install hexo-deployer-git --save
    $ hexo clean 清除缓存
    $ hexo g 生成静态页面
    $ hexo d 推送部署至Github
    够顺利的话,浏览器输入你的Repository name就可以访问你的博客罗

    5.写文章

    $ hexo new "postName"
    会在你的文件夹里的source\_posts目录下生成一个markdown文件:postName.md。推荐在简书上编辑,还支持实时预览,当然你使用
    一个支持markdown语法的编辑器(比如 Sublime)来编辑该文件也可以[2]

    编辑完后,$ hexo g,然后$hexo s本地预览一下,无误$ hexo d,推送部署。
    $ hexo new page "pageName"
    新建一个名叫pageName的页面,source\里就多了pageName文件夹

    6.更换主题

    Hexo官网有很多,Github上随便一搜也是大把,下载后放到themes文件夹中,
    回到第4点,将theme:改成你下载的主题即可。评论系统,站内搜索,分享按钮,google_analytics等等,根据需要和各主题的使用说明,通过配置主题的_config.yml文件添加,这里就不一一举例了。

    7.域名指向

    在你的主机里面给域名添加解析,最后在你的source文件夹里添加一个CNAME文件(无文件类型),内容就是你的域名(前面不用加www),然后$ hexo g,$ hexo d。具体怎么添加解析自行百度,see you 啦啦!


    1. 如果找不到该指令,先npm install hexo-server --save

    2. 文章中插入的图片,可以在_posts文件夹下新建一个images文件夹,图片放里面调用即可。

    相关文章

      网友评论

          本文标题:Hexo搭个人静态博客

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