搭建了一个博客,-此教程不仅面向统计机专业的同班


先来看望最终效果:https://handsomesuperred.github.io/

留神:本文是铺天盖地小说,请先看以下内容,再跟着看本章节:

Windows下采用Github
Pages+Hexo搭建博客(一)

Windows下行使Github
Pages+Hexo搭建博客(二)

前言:博主如今大三,Web
前端爱好者。写博客的便宜,不是为了写而写,而是一个记下思想的历程。不要考虑它能带给您怎么,而是你协调从中得到了何等。

-此教程不仅面向总计机专业的同校,任何想搭建私房独立博客的同室,都得以来探望-
–By Y.R.H

图片 1

不久前刚好有空,于是就参照网上的各个课程,搭建了一个博客。现在把 Hexo +
GitHub Pages 搭建博客的完整经过记录下来:


效果

私家博客地址:http://www.lovebxm.com

摘要:本文是一篇有关怎么样在 Windows
下搭建一个独门博客的课程,里面介绍了怎么使用 GitHub
Pages

Hexo
搭建一个属于自己的博客,并配备它的历程。

Windows下使用Github
Pages+Hexo搭建博客(三)

Windows下选拔Github
Pages+Hexo搭建博客(四)

Windows下行使Github
Pages+Hexo搭建博客(五)

这一次不再是准备,终于可以创造可以看见的民用博客了!!!继续干!

粗粗流程


1.Hexo安装

第一拔取你的博客放置在哪些盘,若是你想放在F盘的Blog文件夹下,那先在F盘新建名为Blog的空文件夹,然后双击该文件夹进入,进入后在空白处单击鼠标右键,选用Git
Bash
here来打开Git命令行,如图一所示。同理,如若你想放在D盘的Hexo文件夹下,那先在D盘新建名为Hexo的空文件夹,然后双击该文件夹进入,进入后在空白处单击鼠标右键,如故接纳Git
Bash here来打开Git命令行。

图片 2

图一

如图二所示,打开Git Bash未来输入npm install -g
hexo-cli安装Hexo,安装好之后绝不关闭Git
Bash,接下去还要用。Hexo有它的默许路径,可以看出Hexo都设置在了C盘。

图片 3

图二

  1. 搭建 Node.js 环境
  2. 搭建 Git 环境
  3. GitHub 注册和配置
  4. 安装配置 Hexo
  5. 关联 Hexo 与 GitHub Pages
  6. GitHub Pages 地址解析到村办域名
  7. Hexo 的常用操作
  8. 结束语

前言

偶然间发现我的真名拼音的域名没有被人购买,心想,作为一名准程序员,怎么能把个体域名让给别人,于是勒紧裤腰带,花光身上仅剩的一点点蓄积将其买了下来,买下来后不知底用它能做点什么(我不会网页制作),想起了很久之前在腾讯网上来看的一个题材:如何搭建个人单独博客,心想闲着也是闲着,不如折腾一下,说不定就能打响,将来把读书笔记什么的都放到村办博客上,之后回味起来也惠及,于是便先导查资料,经过二日的折磨,个体博客也基本成型了,搭建的手续也大半都很谙习了,于是便写下那篇教程,有四个目的:其一,熟谙markdown的语法(此教程使用纯
markdown
写成),并整理下团结的思绪,训练下自己的语言表达能力;其二,本着能帮一个是一个,大家一道谈论才能发展的规则,将团结所学到的知识分享给各位小伙伴,大家一齐折腾起来,大家一并学习,一同升高。

有人也许会问为何要写博客?请看这里

专门感谢:陈素封,我也是接着她的教程一点一点学会的。
专程阐明:此教程中一些情节转自cnFeat编写的教程大家也可活动去上学


2.Hexo部署

如图三所示,安装好Hexo后,继续在该Git
Bash里输入如下命令举行早先化。如若刚才关闭了,那就按照图一实施一次Git
Bash就在当前目录了,或者间接动用cd命令进入指定的目录层级。

hexo init <folder>

cd <folder>

npm install

其间,<folder>是您要保存博客内容的文本夹的名字。

譬如我想将博客保存在Hexo中,那我就采取hexo init
Hexo命令。即使您不想用Hexo命名,你想将文件夹叫做Handsome,那您可以行使Hexo
init Handsome命令。所以地点四个指令就是:

hexo init Hexo

cd Hexo

npm install

图片 4

图三

.

新建落成后,指定文件夹的目录如下:

├── _config.yml

├── package.json

├── scaffolds

├── source

|  ├── _drafts

|  └── _posts

└── themes

Hexo初叶化成功之后,输入cd hexo进入Hexo文件夹,如图四所示。

再相继输入如下命令:

hexo generate

hexo deploy 

hexo server

图片 5

图四

下一场系统会冒出如下提醒:

INFO  Start processing

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

此时再浏览器地址栏输入http://localhost:4000/,就可以见见如图五所示的默许博客界面。

图片 6

图五

3.将本地文件布署到 GitHub

修改 Hexo 中的根目录的 _config.yml 文件,在 Hexo 文件夹下找到
_config.yml 文件,如图六所示:

图片 7

图六

搭建 Node.js 环境

为啥要搭建 Node.js 环境? – 因为 Hexo 博客系统是依照 Node.js 编写的

Node.js 是一个按照 Chrome V8 引擎的 JavaScript
运行条件,能够在非浏览器环境下,解释运作 JS 代码。

在 Node.js 官网:https://nodejs.org/en/ 下载安装包 v6.10.3 LTS

有限辅助默许设置即可,一路Next,安装便捷就得了了。

然后打开命令提醒符,输入 node -vnpm -v,出现版本号则表达 Node.js
环境布置成功,第一步成功!!!

图片 8

干什么要搭建独立博客

  • 1 独立的才是友好的
  • 2 磨练自己的入手能力
  • 3 更好的宣扬自己

找到其中的 deploy
标签,改成图七所示格局,并保存。注意:冒号后边要抬高一个空格,否则会报错;还有改的时候将repo的用户名更迭为您的用户名。

图片 9

图七

将其 deploy 到仓库中。

打开 Git
Bash进入创制的Hexo文件夹(我命名叫Hexo,你要看你协调取名的叫什么),依次输入以下命令:

hexo clean

hexo generate

hexo deploy

假使出现下错误,别担心:

Error: Deployer not found : github

将图七deploy 的 type 改成 git,然后还要再在 Git
Bash中运作以下命令:

npm install hexo-deployer-git –save

再重复来一遍:

hexo clean

hexo generate

hexo deploy

并发图八的提醒,恭喜你,成功了!

图片 10

图八

那时就曾经部署到 GitHub 上了,可以到你的GitHub仓库查看是还是不是业已更新。

通过https://your\_user\_name.github.io(即你相当仓库的称谓,形如https://你的
GitHub
用户名.github.io
),就足以看看您的私家博客了。比如自己的用户名是handsomesuperred,要看本身的博客就在浏览器的网址输入https://handsomesuperred.github.io/即可。,

时至前些天,终于搭建了和睦的博客。但还没完,下一篇将写自定义自己的博客,让自己的界面变完美!加油,好累。

搭建 Git 环境

干什么要搭建 Git 环境? – 因为需求把本地的网页和作品等提交到 GitHub
上。

Git
是一款免费、开源的分布式版本控制系统,用于敏捷高效地处理其他或小或大的项目。

在 Git 官网:https://git-scm.com/ 下载安装包 Git-2.13.0-64-bit.exe

图片 11

桌面右键,打开 Git Bush Here,输入 git --version,出现版本号则表明Git 环境布置成功,第二步成功!!!

图片 12

新娃他妈须知

  • 1 请保持丰裕的耐性
  • 2 善于运用搜索引擎
  • 3 可以适当明白写网页制作的基础知识

GitHub 注册和计划

GitHub 是一个代码托管平台,因为只援救 Git
作为唯一的本子库格式举办托管,故名 GitHub。

Github注册:https://github.com/

图片 13

创设仓库:Repository name 使用自己的用户名,仓库名规则:

注意yourname 必须是你的用户名。

yourname/yourname.github.io

图片 14

访问 yourname.github.io,即使得以健康访问,那么 Github
的布置已经收尾了。

到此搭建 Hexo 博客的相干条件布置已经做到,上边开始上课 Hexo 的有关操作

为啥选取GitHub Pages

不少人用wordpress,你干吗要用GitHub
Pages
来搭建?

  • 1 GitHub
    Pages

    有300M免费空间,资料自己管理,保存可依赖;
  • 2 学着用 GitHub
    ,享受 GitHub
    的惠及,上边有为数不少大牛,眼界会开展很多;
  • 3 顺便看看 GitHub
    工作原理,最好的团伙合作流程;
  • 4 GitHub 是趋势;
  • 5 你不觉得一个文科生用
    GitHub
    很geek吗?瞬间进来技术界;
  • 6 就算 GitHub
    被墙了,我得以搬到境内的
    GitCafe 中去。

安装配备 Hexo

Hexo 是一个快捷、简洁且火速的博客框架,使用
马克(Mark)down(或其它渲染引擎)解析小说,在几秒内,即可使用靓丽的宗旨生成静态网页。

强烈指出你花20秒钟区读一读 Hexo 的官方文档:https://hexo.io/zh-cn/

图片 15

使用 npm 安装 Hexo:在命令行中输入

npm install hexo-cli -g

然后您将会晤到下图,可能您会看出一个WARN,不过绝不担心,那不会影响您的健康使用。

图片 16

查看Hexo的版本

hexo version

图片 17

安装 Hexo 落成后,请执行下列命令来初步化 Hexo,用户名改成你的,Hexo
将会在指定文件夹中新建所急需的文件。

hexo init bxm0927.github.io

cd bxm0927.github.io

npm install

新建达成后,指定文件夹的目录如下:

.
├── .deploy         #需要部署的文件
├── node_modules    #Hexo插件
├── public          #生成的静态网页文件
├── scaffolds       #模板
├── source          #博客正文和其他源文件,404、favicon、CNAME 都应该放在这里
| ├── _drafts       #草稿
| └── _posts        #文章
├── themes          #主题
├── _config.yml     #全局配置文件
└── package.json    #npm 依赖等

运转本地 Hexo 服务

hexo server
或者
hexo s

你的网站会在 http://localhost:4000
下启动。如果 http://localhost:4000
可以正常访问,则印证 Hexo
本地博客已经搭建起来了,只是当地哦,旁人看不到的。上边,我们要布置到Github。

图片 18

注意1:执行hexo server提示找不到该指令

解决办法:在Hexo 3.0
后server被单独出来了,须求设置server,安装的命令如下:

sudo npm install hexo-server
或者
npm install hexo -server --save

GitHub Pages 是什么?

GitHub Pages本用于介绍托管在GitHub的类型,
但是,由于她的长空免费稳定,用来做搭建一个博客再好不过了。

GitHub Pages 可以被认为是用户编写的、托管在 GitHub 上的静态网页。

![](http://7xi78f.com1.z0.glb.clouddn.com/github
pages.png)


关联 Hexo 与 GitHub Pages

我们怎么样让本土git项目与长途的github建立联系呢?用 SSH keys

生成SSH keys

输入你自己的邮箱地址

ssh-keygen -t rsa -C "80583600@qq.com"

在回车中会提示您输入一个密码,那个密码会在您付出项目时行使,就算为空的话提交项目时则不用输入,我们按回车不设置密码。

添加 SSH Key 到 GitHub

打开
C:\Users\bxm09\.ssh\id_rsa.pub,此文件之中内容为刚刚生成的密钥,准确的复制这一个文件的始末,粘贴到
https://github.com/settings/sshnew SSH key

测试

可以输入上边的授命,看看设置是或不是成功,git@github.com的片段并非改动:

ssh -T git@github.com

假使是上面的汇报:

The authenticity of host ‘github.com (207.97.227.239)’ can’t be
established.
RSA key fingerprint is
16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?

不要紧张,输入yes就好,然后相会到:

Hi aierui! You've successfully authenticated, but GitHub does not provide shell access.

布局Git个人信息

现今你早已得以透过 SSH 链接到 GitHub 了,还有部分个人新闻要求周详的。
Git 会按照用户的名字和信箱来记录提交。GitHub
也是用这么些新闻来做权限的处理,输入上面的代码进行个人新闻的安装,把称呼和邮箱替换成你自己的。

git config --global user.name "bxm0927"
git config --global user.email "80583600@qq.com"

配置 Deployment

_config.yml文件中,找到Deployment,然后根据如下修改,用户名改成你的:

内需留意的是:冒号前边记得空一格!

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:bxm0927/bxm0927.github.io.git
  branch: master

本土文件提交到 GitHub Pages

// 删除旧的 public 文件
hexo clean

// 生成新的 public 文件
hexo generate
或者
hexo g

// 开始部署
hexo deploye
或者
hexo d

在浏览器中输入 https://bxm0927.github.io
(用户名改成你的)看到了 Hexo 与 GitHub Pages
已经打响关联了,哇哇哇哇哇哇,如沐春风死你了,不要忘了回到给我点赞哟 ~

注意1:若上边操作失败,则必要超前设置一个恢弘:

npm install hexo-deployer-git --save

注意2:要是在实践 hexo d 后,出现 error deployer not found:github
的百无一是(如下),则是因为从没安装好 public key 所致,重新详细设置即可。

Permission denied (publickey).
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.

注意3:怎么防止 .md 文件被解析?

Hexo原理就是hexo在实践hexo
generate时会在当地先把博客生成的一套静态站点放到public文件夹中,在举办hexo
deploy时将其复制到.deploy文件夹中。Github的版本库平常指出还要附上README.md表达文件,不过hexo默许情状下会把装有md文件分析成html文件,所以固然你在线生成了
README. md,它也会在您下五遍配置时被删去。怎么解决吗?

在实施hexo
deploy前把在地头写好的README.md文件复制到.deploy文件夹中,再去执行hexo
deploy。

注册 GitHub

访问:https://www.github.com
挂号相当简短,一定要牢记注册时行使的邮箱,因为 GitHub
上无数公告都是透过邮箱的。
如图:

  • 图片 19

  • 图片 20

申请成功后,在
GitHub
官网上签到,并证实邮箱。

若是如故不知底,详细也足以看:
一步步在GitHub上开创博客主页
全系列

by pchou(推荐)


GitHub Pages 地址解析到村办域名

Github Pages 是面向用户、社团和档次开放的集体静态页面搭建托管服
务,站点可以被免费托管在 Github 上,你可以挑选使用 Github Pages 默认提供的域名 github.io 或者自定义域名来发布站点。

望着博客的域名是二级域名,总有一种寄人篱下的觉得,为了让那些小窝看起来尤其专业,我在阿里云上买了一个域名,打算将博客绑定自己的域名。

开展该绑定进程,其实就是一个重定向的历程。

在 GitHub 仓库的根目录下树立一个 CNAME
的文件文件(注意:没有增添名),文件之中只可以输入一个您的域名,不能加http://

www.lovebxm.com

注意:CNAME 一定是在您 Github 项目标 master 根目录下

进入阿里云域名解析地址,添加解析:

  1. 笔录类型选用CNAME
  2. 主机记录填www
  3. 浅析线路选取默认
  4. 记录值填yourname.github.io
  5. TTL值为10分钟
  6. 再添加一个剖析,记录类型A
  7. 主机记录填www
  8. 分析线路选用默认
  9. 记录值填你GitHub 的ip地址(在cmd中ping:)

ping bxm0927.github.com

图片 21

点击保存,等 1 分钟,访问下你协调的域名,一切就ok了。

域名绑定成功,域名解析成功,因此你在浏览中输入
www.lovebxm.com,或 lovebxm.com
就可以访问到博客了,输入 bxm0927.github.io 会重定向到
www.lovebxm.com。进度:www 的办法,会先解析成
http://xxxx.github.io,然后依据 CNAME 再变成
www

注意:CNAME文件在下次
hexo deploy的时候就消失了,必要重新创建,那样就很麻烦

方法一:每次 hexo d 之后,就去 GitHub 仓库根目录新建 CNAME文件

方法二:在 hexo g 之后, hexo d 从前,把CNAME文件复制到 “\public”
目录下边,里面写入你要绑定的域名。

方式三(推荐):将须求上传至github的内容放在source文件夹,例如CNAME、favicon.ico、images等,那样在
hexo d 之后就不会被去除了。

艺术四:通过设置插件完结世代保存

$ npm install hexo-generator-cname --save

之后在_config.yml中添加一条

plugins:
- hexo-generator-cname

内需留意的是:如果是在github上树立的CNAME文件,必要先clone到当地,然后安装插件,在deploy上去即可。CNAME只允许一个域名地址。

注意1:每趟变更的 CNAME 都是 yoursite.com 怎么化解?

修改 _config.yml

url: http://www.lovebxm.com
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

条件设置

依次下载安装以下软件(直接一向点下一步即可)

擢升:若因种种原因 GitHub
客户端没登上和谐的账号,可以由此如下方法登录,也可以通过此方法查看是还是不是登录成功

如图:

  • 图片 24

  • 图片 25

  • 图片 26


Hexo 的常用操作

测试 SSH Key

在桌面或发轫菜单中找到 Git Shell(win7为例,win8及8.1 在 Metro
界面也可以找到)

  • 图片 27
等待打开后输入以下命令('$'符号无需输入)

$ ssh -T git@github.com

如图:

  • 图片 28
如果是下面之类的反馈(或者显示 Hi xxx):

The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?

不用紧张,输入 yes 之后,你就碰面到:

Hi xxx(你的用户名)! You've successfully authenticated, but GitHub does not provide shell access.

这儿,便测试成功了。
如图:

  • 图片 29

提示:假如出现问题,请卸载 GitHub for Windows
客户端,重新安装两遍,或转到使用 Git
方法

周边错误请参见:
GitHub Help – Generating SSH
Keys

GitHub Help – Error Permission denied
(publickey)


见报一篇小说

hexo new "文章标题"

D:\GitHub\Hexo\test>hexo new "文章标题"
INFO  Created: D:\GitHub\Hexo\test\source\_posts\文章标题.md

在地头博客文件夹 source\_posts 文件夹下看到大家新建的 markdown 文件。

理所当然,大家也足以手动添加马克(Mark)down文件在source->_deploy文件夹下,其听从等同可以比美hexo new

小说编辑好将来,运行生成、计划命令:

hexo clean

hexo g

hexo d

本来你也得以实施上边的授命,相当于地点两条命令的职能

hexo clean

hexo d -g

行使 GitHub Pages 建立博客

与 GitHub 建立好链接之后,就足以一本万利的利用它提供的 Pages 服务,GitHub
Pages
分二种,一种是您的GitHub用户名建立的username.github.io这样的用户&协会页(站),另一种是专属项目的pages。

想建立民用博客是用的首先种,形如yangruihan0306.github.io那样的可访问的站,每个用户名上面只好创建一个。

新建一个自定义页面

hexo new page folder

GitHub 上确立仓库

如图:

  • 图片 30

  • 图片 31

唤醒:详细可以看那里:一步步在GitHub上开创博客主页(2)


小说怎样添加多个标签

有三种多标签格式

tags: [a, b, c]
或
tags:
  - a
  - b
  - c

使用 Hexo 创立博客框架

浮现部分文章内容

只要在博客文章列表中,不想全文展现,可以追加 <!-- more -->,
前边的情节就不会展现在列表。

<!--more-->

Hexo 介绍

A fast, simple & powerful blog framework

改变主旨

法变焦点库:https://hexo.io/themes/

Hexo焦点卓殊,推荐使用 Next 为主旨,请阅读 Next 的合法文档(
http://theme-next.iissnan.com/ ),5 分钟快速安装。

再唤醒一点,大家可以hexo大旨修改一步就hexo
s看下变化,初次接触对参数不知晓。唯有hexo
s后在可以在本地浏览到效益,Ctrl+C 甘休服务器。

Hexo 安装

打开 Git Shell (方法同上)
启航后相继输入以下命令:

$ cd /
$ npm install hexo-cli -g

如图:

  • 图片 32

升迁:cd / 效用是回到根目录,Git Shell 默许装在 C盘,启动时默许路径为
C:\Users\xxx(用户名)\Documents\GitHub,输入 cd / 命令后就回来到了
C盘根目录下,需不须要使用 cd / 看个人习惯(下同)。

添加插件

添加 sitemap 和 feed 插件

切换到您本地的 hexo 目 CIA ,在指令行窗口,输入以下命令

npm install hexo-generator-feed -save
npm install hexo-generator-sitemap -save

修改 _config.yml,增添以下内容

# Extensions
Plugins:
- hexo-generator-feed
- hexo-generator-sitemap
#Feed Atom
feed:
  type: atom
  path: atom.xml
  limit: 20
#sitemap
sitemap:
  path: sitemap.xml

再履行以下命令,布置服务端

hexo d -g

配完事后,就足以访问 https://bxm0927.github.io/atom.xml
https://bxm0927.github.io/sitemap.xml ,发现那四个文本已经成功生成了。

Hexo 部署

Hexo 的配备有二种方法

添加 404 页面

GitHub Pages
自定义404页面非凡简单,直接在根目录下创设自己的404.html就足以。但是自定义404页面仅对绑定顶尖域名的花色才起效果,GitHub默许分配的二级域名是不起功用的,使用hexo
server在本机调试也是不起成效的。

图片 33

事实上,404页面可以做越来越多有意义的事,来做个404公益项目吧。

推荐使用腾讯公益404 http://www.qq.com/404/

<script type="text/javascript"
        src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js"
        charset="utf-8"
        homePageUrl="http://www.lovebxm.com/"
        homePageName="回到我的主页">
</script>

复制上面代码,贴粘到目录下新建的404.html即可!

先是种形式 命令 hexo init [文件名]

开拓 Git Shell (方法同上)
起步后挨家挨户输入以下命令:

$ cd /
$ hexo init Hexo

回车后出现该提示则意味正确:

  • 图片 34

此刻会发觉 C盘根目录下(或是 Git Shell
里指定的目录下)会多出一个文本夹,名为 Hexo

再输入以下命令,安装信赖文件:

$ cd Hexo
$ npm install

回车后出现该提示则意味正确:

  • 图片 35

多PC同步管理博客

数不胜数人或许家里一台台式机,公司一个台式机,想多个同时管住博客,同时达到备份的博客主旨、小说、配置的目的。下面就介绍一下用github来备份博客并一同博客。

  1. A电脑备份博客内容到github

配置.gitignore文件。进入博客目录文件夹下,找到此文件,用sublime text
打开,在结尾增加两行内容/.deploy_git和/public

  1. 先导化仓库。

在博客根目录下,在git bash下依次执行git init和git remote add origin
为远程仓库地址。

  1. 联机到长途仓库。

gitbash下依次执行以下命令

git add . #添加目录下所有文件

git commit -m "更新说明" #提交并添加更新说明

git push -u origin master #推送更新到远程仓库
  1. B电脑拉下远程仓库文件

在B电脑上亦然先安装好node、git、ssh、hexo,然后建好hexo文件夹,安装好插件,(然后选做:将备份到长途仓库的公文及文件夹删除),然后实施以下命令:

git init

git remote add origin <server>

git fetch --all

git reset --hard origin/master
  1. 公布博客后联手

在B电脑发表完博客之后,记得将博客备份同步到长途仓库
执行以下命令:

git add .

#可以用git master 查看更改内容

git commit -m "更新信息"

git push -u origin master  #以后每次提交可以直接git push

平日一道管理
历次想写博客时,先实施:git pull举行联合更新。发表完作品后同样遵守地点的
揭橥博客后同步 同步到长途仓库。

其次种艺术 命令 hexo init

手动在 C盘根目录下(或是自己指定的目录下)创制一个文本夹,名为 Hexo。

假定在 C盘根目录下
依次次输入以下命令:

$ cd /
$ cd Hexo
$ hexo init

如若在大团结指定的目录下
依次次输入以下命令:

$ cd your_file_path(你的文件夹路径)
$ hexo init

回车后边世该提醒则象征正确:

  • 图片 36

再输入以下命令,安装器重文件:

$ npm install

回车后出现该提示则表示正确:

  • 图片 37

由此上述多个章程的自由一种之后,Hexo
会自动在目标文件夹建立博客网站所须求的装有文件。
那时候得以经过输入以下命令在地头开展预览(在刚刚创制的文本夹里):

$ hexo generate (可以简写成: hexo g)
$ hexo server

系统或者会冒出提醒,请点击允许。

如图所示则意味正确:

  • 图片 38

  • 图片 39

此时开拓浏览器,在浏览器地址栏输入
http://localhost:4000/
(默许端口为4000)便可以看到最原始的博客了(未来发表博文想先预览,也得以透过
hexo server 在地面先跑起来,看看效果)。

如图:

  • 图片 40

恭贺,到方今截至个人博客的雏形已经有了。
在 Git Shell 中按 Ctrl + C 并输入 y 可以告一段落该服务。

提醒:如若在上述进程中,输入带有 npm 的命令时,报以下错误,则证实
Node.js 没有装好,请重装

  • 图片 41

中文乱码

在 md 文件中写普通话内容,颁布出来后为乱码,原因是 md 的编码不对,将 md
文件另存为UTF-8编码的文本即可解决问题。

将本地文件陈设到 GitHub

结束语

建站的系统有好多,如:

应用 Hexo + GitHub Pages 建站,有助益也有弱点:

  • GitHub Pages
    不协助数据库管理,所以您不得不做静态页面的博客,不可以像其余博客(如
    WordPress)那样通过数据库管理自己的博客内容。
  • 而是,GitHub Pages
    无需采购服务器,免服务器费的还要还是能做负载均衡,github

    pages有300M免费空间。

    个人博客真的有必要用数据库吗?答案是不是定的。博客静态化,评论记录使用第三方的
    和讯云跟帖就足以了。静态的博客更便宜搜索引擎蜘蛛爬取,轻量化的感觉确实很好。

  • 因而 Hexo 你可以轻松地选拔 马克down
    编写小说,至极符合自己的气味。马克down
    真的是专门针对程序员开发的语言啊,现在倍感没有
    马克down什么都不想写。什么富文本编辑器,什么word,太辛劳了!而且样式都好丑!效能太低!

推荐多少个很好用的在线 马克down 编辑器:

推介图床:

  • 极简图床 + chrome 插件 +
    七牛空间
    ,七牛云储存提供10G的免费空间,以及每月10G的流量,存放个人博客外链图片最好但是了,七牛云储存还有各个图形处理功效、缩略图、视频存放速度也给力。

修改 Hexo 中的 _config.yml 文件

在 Hexo 文件夹下找到 _config.yml 文件
如图:

  • 图片 42

找到其中的 deploy 标签,改成如图所示,并保存:

  • 图片 43

里头 branch 选项可以填充 master 或 gh-pages。
假定您是为一个门类打造网站,那么必要把 branch 设置为 gh-pages
。若要绑定自定义域名也足以参考Hexo 或 Github Page 的增援文档,制作一个
CNAME 文件。

将其 deploy 到仓库中

开拓 Git Shell 进入创造的文本夹,依次输入以下命令:

$ hexo clean
$ hexo generate
$ hexo deploy

假设出现如图错误,不要焦躁:

  • 图片 44

deploy 的 type 改成 git,然后再在 Git Shell 中运行以下命令

$ npm install hexo-deployer-git --save

再重新来五回:

$ hexo clean
$ hexo generate
$ hexo deploy

出现以下提醒则意味正确:

  • 图片 45

恭喜,到这一步,个人博客就早已布置到 GitHub 上了,此时通过
your_user_name.github.io(即你越发仓库的称号,形如:”你的 GitHub
用户名”.github.io) 就足以看来您的个体博客了。

P.S:若是发现小说中有明确的失实和问题请在底下留言或者联络我,本人将随即校订,避免给我们带来不须求的误导,谢谢~

相关文章