图片来自https://unsplash.com/

基于Github和Hexo的博客搭建教程在百度上一大堆，洺哥在踩过一些坑后才终于把自家的寄托在github上的博客给搭建起来，洺哥的这篇博文将作为博客网站的第一篇教程贴！！

    参考教程：
    1. http://www.jianshu.com/p/701b1095da11
    2. http://www.jianshu.com/p/67c57c70f275
    3. https://www.zhihu.com/question/24422335

电脑端需要装的软件有

1.msysgit

点击下载msysgit 后默认下一步安装即可

安装成功后在桌面点击右键会出现下图中的两个git选项即可

2. Node.js

在 Windows 环境下安装 Node.js 非常简单，仅须下载安装文件并执行即可完成安装

LTS版适用于大多数使用者

3. hexo

通过前面安装的git来安装Hexo

鼠标在桌面点击右键后选择Git Bash Here选项

在出现的命令框中输入

   npm install -g hexo

安装成功后自行创建一个文件夹作为接下来博客的存放地址

在文件夹的空白处右键后选择Git Bash Here选项

在框中输入命令初始化Hexo

hexo init

接下来安装相关的依赖包

    hexo install

一个博客框架就搭好了
接下来再次输入一下命令，打开一个浏览器输入地址查看自己的博客框架

    hexo generate
    hexo server
    浏览器输入以下地址：
    localhost:4000

执行hexo server提示找不到该指令？？

    执行以下命令后再执行hexo server
    npm install hexo -server --save

现在搭建好的博客框架只能在自己电脑上被看到，还不能通过Internet访问到，为了能把自己的博客放上Internet，我们接下来需要把我们的博客项目托管在github上。

Github

知乎关于github的介绍

github创建博客

点击链接https://github.com/注册账号

点击下图中的New repository创建新的项目仓库

在下图中按照格式要求填入仓库名称(yourname.github.io)
每个账号只能托管一个博客

其他信息自己选填，随后点击绿色的Create repository确认创建

生成SSH密钥（个人感觉没啥用，最后我还是需要输入密码）

按照上文Hexo部分打开的Git Bash 中输入

    ssh-keygen -t rsa -C "你的邮箱地址"
    按3个回车，密码为空。

在计算机的C:\Users\Administrator.ssh中得到两个文件id_rsa和id_rsa.pub。
用Excel打开id_rsa.pub，复制全文。打开网址https://github.com/settings/ssh ，Add SSH key，粘贴进去。

全局配置 _config.yml

（这里需要你自己按照博客需求去配置）

    # Hexo Configuration
    ## Docs: http://hexo.io/docs/configuration.html
    ## Source: https://github.com/hexojs/hexo/
    # Site #站点信息
    title:  #标题
    subtitle:  #副标题
    description:  #站点描述，给搜索引擎看的
    author:  #作者
    email:  #电子邮箱
    language: zh-CN #语言
    # URL #链接格式
    url:  #网址
    root: / #根目录
    permalink: :year/:month/:day/:title/ #文章的链接格式
    tag_dir: tags #标签目录
    archive_dir: archives #存档目录
    category_dir: categories #分类目录
    code_dir: downloads/code
    permalink_defaults:
    # Directory #目录
    source_dir: source #源文件目录
    public_dir: public #生成的网页文件目录
    # Writing #写作
    new_post_name: :title.md #新文章标题
    default_layout: post #默认的模板，包括 post、page、photo、draft（文章、页面、照片、草稿）
    titlecase: false #标题转换成大写
    external_link: true #在新选项卡中打开连接
    filename_case: 0
    render_drafts: false
    post_asset_folder: false
    relative_link: false
    highlight: #语法高亮
      enable: true #是否启用
      line_number: true #显示行号
      tab_replace:
    # Category & Tag #分类和标签
    default_category: uncategorized #默认分类
    category_map:
    tag_map:
    # Archives
    2: 开启分页
    1: 禁用分页
    0: 全部禁用
    archive: 2
    category: 2
    tag: 2
    # Server #本地服务器
    port: 4000 #端口号
    server_ip: localhost #IP 地址
    logger: false
    logger_format: dev
    # Date / Time format #日期时间格式
    date_format: YYYY-MM-DD #参考        http://momentjs.com/docs/#/displaying/format/
    time_format: H:mm:ss
    # Pagination #分页
    per_page: 10 #每页文章数，设置成 0 禁用分页
    pagination_dir: page
    # Disqus #Disqus评论，替换为多说
    disqus_shortname:
    # Extensions #拓展插件
    theme: landscape-plus #主题
    exclude_generator:
    plugins: #插件，例如生成 RSS 和站点地图的
    - hexo-generator-feed
    - hexo-generator-sitemap
    # Deployment #部署，将 lmintlcx 改成用户名
    deploy:
      type: git
      repo: 刚刚github创库地址.git
      branch: master

    作者：吴小龙同學
    链接：  http://www.jianshu.com/p/701b1095da11
    來源：
    著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

## 上面文件中最后需要如下所示修改
    deploy:
      type: git
      repository:     https://github.com/leopardpan/leopardpan.github.io.git  
      ## leopardpan= github账户名
      branch: master

编辑好后怎么发布？
在Git bash 中依次运行如下命令：

   hexo clean  ## 清除缓存
   hexo generate  ## 生成静态网页
   hexo deploy  ## 同步云端github仓库

其他命令：

hexo server ## 本地编译调试

怎样编辑和发布自己的博客？

在这之前请在https://hexo.io/themes/中选择一个自己喜欢的主题，然后下载github文件，按照每个主题自己的替换教程修改自己的主题。

END

觉得这篇教程好的话请打赏我一瓶可乐

怎样基于Github&Hexo搭建博客