经过两天的折腾，终于搞定了归于自己的榜首个博客的建立，在此期间踩了许多坑，现总结一下协助各位能够更便利去建立自己的博客。先贴上成果拾忆的博客

百度参阅了各路大神的博客文章最终进行的总结，望各路大神不要介怀哦~

由于自己长期运用mac电脑，故本篇文章只在mac体系的根底上去实现功用，运用Windows体系需要自行参阅，其原理是相同的。

这是自己写的榜首篇文章，或许会看到和其他的许多文章有相似之处，请我们主动疏忽(￣▽￣)* ，全文纯手打，旨在协助我们更便利的实现建立进程，我们不喜勿喷哦

一、引子

1.建立博客的原因

  • 从前用过形象笔记，有道笔记等东西来记载文章，但用起来总是感觉有或多或少的问题，不如用博客看的更直观
  • 能够随心宣布，改造外观，功用
  • 具有一个自己的博客网站，感觉更爽
  • 希望更多的人能够看到自己写的文章

2.整个进程运用的时刻

  • 最开始百度参阅了各路大神的文章，每篇文章都会有或多或少的缺点，自己又踩了许多坑才完结
  • 用了大概两天的时刻，完结了博客的建立和主题的修正

3.环境装备

  • mac体系，sublime修正器 （暂时运用到的）
  • github账号，hexo结构装备，next主题 （下面会提供装备方法）

4.建立方法

  • 运用hexo结构进行网站的构建，然后布置到免费的github上

二、GitHub装备

  1. 登陆github.com/，没有账号的就去注册一个，记住自己的用户名
  2. 主页中点击右上角自己的图标，点击your profile

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

3.点击repositories，新建一个

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

4.Repository name （填自己的姓名）yourname.github.io(yourname与你的注册用户名共同,这个便是你博客的域名了),下图中报错是由于我现已用过了这个姓名，我们填写自己的姓名不会遇到这个问题，然后点击createrepository进行下一步

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

5.点击自己的这个repository，然后找到settings

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

6.下拉找到GitHub Pages, 其中上面红框中的即为你的博客地址，下面赤色框中能够进去挑选自己的主题款式, 此刻github中的根本装备现已完结

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

如榜首次进入，或许会不显现博客地址，如下图，则能够先挑选github自带的主题款式，Choose a theme 按钮，再回来后就能够看到了(注意：在save按钮左边那项要显现为master branch才表示正确)

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

三、环境装备

  1. 装置Node.js
    装置完结后终端输入

    node -v

    npm -v

    检查版本号，如存在则标明装备成功

  2. mac体系：下载Xcode会自带Git环境，Windows用户需要自行下载Git

  3. 装置完结后，经过git指令检查自己的用户名和邮箱是否和自己github中的共同，如不共同请自行更改，如查询到多个用户名须删去没用的用户名，如查询后没有任何反响则标明还没有装备用户名，用下面的修正或者增加用户名指令即可，如提示其他之类的可先执行指令git config，然后再执行以下指令即可成功,附检查和更改指令（其他指令可自行百度查找）：

    检查用户名： git config --global user.name

    检查邮箱： git config --global user.email

    删去用户名git config --global --unset user.name 要删的用户名

    增加用户名git config —global —add user.name 新加的用户名

    修正用户名git config --global user.name 用户名

    修正邮箱git config --global user.email 邮箱

  4. 终端中输入npm install -g hexo-cli(如提示无权限即下图赤色框中permission denied，则输入sudo npm install -g hexo-cli,后输入电脑密码enter即可)

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

这个进程会比较久，假如呈现WARN过错能够疏忽。我记得当时，每次都会呈现说有一个依靠包现已不更新，这个不影响。执行完结后，运用hexo -v检查是否装置成功，如下图所示，即标明现已成功装置上

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

四、网站代码以及设置

  1. 在桌面上创立一个文件夹，姓名自定义如：hexo,终端cd 进入hexo文件夹

  2. 输入hexo init blog (如呈现warn过错可疏忽，不影响)

    • _config.yml, 网站的装备信息，能够在此装备中装备大部分的参数
    • source，资源文件夹是寄存用户资源的地方。除 posts 文件夹之外，最初命名为 (下划线)的文件 / 文件夹和隐藏的文件将会被疏忽。Markdown 和 HTML 文件会被解析并放到 public 文件夹，而其他文件会被仿制过去
    • themes，主题 文件夹。Hexo 会根据主题来生成静态页面。

  3. 等候提示Start blogging with Hexo，便是装置成功了

  4. 文件夹中自带一篇文章“Hello World”

  5. 指令行cd进入blog目录下

  6. 输入hexo g，生计静态文件

  7. 输入hexo s，发动服务器。默许情况下，拜访网址为：http://localhost:4000/
    此刻服务敞开，如需关闭Ctrl+ C

    注：hexo s 指令敞开的是本地服务，敞开后，则能够运用上述地址拜访，如关闭，则上述地址拜访不到，本功用旨在用来检查修正的装备是否成功，如翻开检查后发现没有问题则能够布置到服务器上，之后再用你的博客地址拜访即可看到最新的设置效果。

    如上传服务器之后立即检查博客或许没有立即变化，可测验多改写几次或从头翻开浏览器即可

  8. 新翻开一个终端，输入：ssh-keygen -t rsa -C “Github的注册邮箱地址”

    一路enter过来，中心有的问题是选y/n的，选y即可，最终得到信息中找到这句话：
    Your public key has been saved in /Users/zjjk/.ssh/id_rsa.pub.

    找到该文件(上句中in 后边即为该文件的地址)，翻开（运用sublime text或其他修正器）,Ctrl + a仿制里边的所有内容，然后进入Sign in to GitHub：github.com/settings/ss…

    一步步操作：New SSH key ——Title：blog —— Key：输入方才仿制的—— Add SSH key

    注：此进程是生成ssh key，如后续再次执行此指令时，则需要把新生成的SSH key再装备到github中，由于新生成的SSH key会覆盖之前的，如不去github中替换会导致后续上传git服务器进程中失利

五、博客网站装备信息

  2. 进入blog文件夹，用sublime翻开_config.yml文件，此文件为博客的装备信息，在此修正参数。（特别注意：每个参数的后边都要加个空格）

  3. 依照自己的信息进行根底设置

    title: 拾忆的博客

    subtitle: 小白的技能生长之路

    description: 小白的技能生长之路

    author: 拾忆

    language: zh-CN

    timezone: Asia/Shanghai

  4. 在_config.yml文件中找到deploy装备处（一般在最下面，默许的显现或许不全，需依照下方示例自己增加）, username替换成你自己的username, repository的地址为你在github中创立的那个项目的地址，可去github中仿制

博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

  1. deploy:
      type: git
      repository: git@github.com:username/username.github.io.git
      branch: master

    保存结束。

  2. 各类主题的装备信息，要在主题文件夹内的_config.yml上进行装备！后续会以next主题为例进行示范，此处可疏忽。

六、宣布文章

  1. 终端cd进入blog文件夹下，输入hexo new "Hello blog"(Hello blog为你的文章名，可自定义)

  2. 翻开回来的文件地址，翻开文件（也可在blog文件夹下 source/_posts/Hello blog.md 中找到你方才创立的文件）

  3. 文章内容选用Markdown语法进行修正，需要用相关软件才能翻开这个文件，自己运用的软件为MacDown mac版, 我们可根据自己习惯下载喜爱的东西(附：Markdown语法运用说明)

  4. 翻开文件修正

    ---
title: Hello blog
date: 
---

    只输入title字段即可，后续其他字段可根据主题再增加（注意：title后边需加空格）

  5. 翻开终端执行以下步骤:

    cd 进入blog 文件夹
$ hexo clean
INFO  Deleted database.
INFO  Deleted public folder.
$ hexo generate
INFO  Start processing
INFO  Files loaded in 1.48 s
...
INFO  29 files generated in 4.27 s
$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

    此处三步是进行本地装备完结后，在本地翻开检查刚刚修正的装备是否修正成功，三处指令也可这样写hexo cleanhexo ghexo s

  6. 翻开http://localhost:4000/后检查，如没有任何问题能够布置到服务器上

     $ hexo deploy
INFO  Deploying: git

    此刻或许会呈现error deployer not found:git的过错，输入以下代码

    npm install hexo-deployer-git --save(如提示无权限过错则输入sudo npm install hexo-deployer-git –-save，后输入电脑密码enter即可)

    再次执行hexo deploy

    其中，或许会呈现github登录界面，正常填写就行(这儿我一向登陆着github，暂时没有遇到)

    完结，终端可Ctrl+C关闭本地服务，然后翻开 username.github.io 即可拜访自己的博客（username为自己的github的用户名）

七、主题设置

主题设置中，最好玩的便是测验林林总总的主题啦！因自己喜爱next主题的风格，所以会在下篇文章中以next主题为例，走一遍发布文章和装备博客各种信息的流程，下面是其他的一些主题，我们可根据自己喜爱的款式去挑选主题下载装备，一般的主题装备都会在其相应的github中说明

官方hexo主题大全，里边有许多主题都能测验一下。

在这儿推荐几个主题：

  • next官网,Git(我用的便是这个啦，非常推荐！）

  • Material官网，Git

    1. 主题装备，首先要下载主题，到相应的Git链接

    2. 下载完今后将文件解压缩后放到blog中的themes文件夹中

    3. 修正主题文件夹称号，将其改为 next(称号为你的主题的称号，可自定义，无硬性要求，下以next为例) 。 然后翻开装备文件（/blog/_config.yml），找到 theme 字段，并将其值更改为 next(你方才自定义的称号, 注意theme后加空格)，保存关闭

      博客搭建（一）-- 使用Hexo&GitHub免费快速搭建

    4. 接下来，翻开主题相应的博客中的文档说明，对比“主题”中的_config.yml（ /blog/themes/next/_config.yml ），针对自己需要的功用进行相关设置

    5. 有关设置中的图片，一致放到主题文件夹(/next/)内\source\img。在设置中，用”/img/xigua.png”相似格局进行图片设置。

    6. 设置时切记 : 后边要加一个空格。这个坑有点恼人~

    7. 最终再从头进行一次，hexo clean,hexo g,hexo s,hexo deploy 整个博客就完结主题修正啦

八、总结

  • 用了两天的时刻，完结的博客的建立，又花了一天时刻来编写此篇文章，全文纯手打，写到这儿真的好累啊~
  • 看着别人的文章一路建立下来中心还是会遇到许多问题，于是各种百度处理，故在此奉上此文，我遇到的坑这儿都明确的处理了，我们也相同，或许会遇到各种不同的问题，百度去一个一个的处理就好了（万能的百度啊~~~）
  • 编写文章用了一遍Markdown的语法，感觉还能够
  • 拾忆的博客
  • 后续会连续编写更多的文章，欢迎我们订阅哦~