Hexo简介
Hexo是一款基于Node.js的静态博客框架,可以方便的生成静态网页托管在GitHub和Coding上或者自己的服务器上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。
Hexo搭建步骤
- 安装Git
- 安装Node.js
- 安装Hexo
- GitHub创建个人仓库
- 生成SSH添加到GitHub
- 将hexo部署到GitHub
- 设置个人域名
- 发布文章
1.安装Git
Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章。Git非常强大,我建议去了解一下。
windows:到git官网上下载,下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。
linux:只需要一行代码
|
|
安装好后,用 git --version
来查看一下版本
2.安装Node.js
Hexo是基于Node.js编写的,所以需要安装一下Node.js和里面的npm工具。
windows:Node.js选择LTS版本就行了。
linux:也是通过命令来安装
|
|
安装完后,在命令行输入以下代码进行验证
|
|
3.安装hexo
先创建一个文件夹blog,然后cd
到这个文件夹下(或者在这个文件夹下直接右键git bash
打开)。
输入命令
|
|
然后用hexo -v
命令,查看一下版本。
接下来初始化一下hexo,这里的myblog可以自己取名字,做为你的博客源地址了。
|
|
新建完成后,指定文件夹目录下有:
- node_modules: 依赖包(或插件)
- public:存放生成的页面 (这个文件夹可能会没有,但当你使用
hexo g
构建时,就会有了。) - scaffolds:生成文章的一些模板
- source:用来存放你的博客资源
- _posts:用来存放你的文章
- themes:主题
- _config.yml:博客的配置文件
- package.json:一些应用程序的信息、命令的配置
然后使用以下命令,生成静态文件和启动本地服务器。
|
|
这两个命令可以简写为hexo g和hexo s
这样就打开hexo的服务,在浏览器输入 http://localhost:4000 就可以看到你生成的博客了。
每次运行完服务器后我建议使用
hexo clean
命令进行缓存清理,而且这样可以解决一些小问题。
部署的前置操作
如果需要把你的博客简单的发布到网上,那你需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到coding、GitHub上。
cd
到你的博客文件夹,输入下面的命令
|
|
部署到coding(国内访问)
去coding的官网,注册一个账号。
注册完后,新建一个
项目
并进入项目,打开代码仓库
。复制右上方的
已公开源码 HTTPS
里的地址,留作后用。打开你的博客文件夹里的 _config.yml 文件,在最下面的
deploy:
里,type: 'git'
repo:
coding: https://e.coding.net/yunying61/blog-yunying61.git,master
注意缩进,而这里的
coding:
,注意英文冒号(:)后面还有一个空格,而这里就是刚才你复制的 已公开源码 地址,再加上(英文逗号) ,master当你再次
hexo g
,hexo d
的时候,就会自动推送到coding的仓库里。然后去你的coding仓库,找到左侧的
构建与部署
,点击进入静态网站。然后 立即发布静态网站,填写信息,保存。
到这里,你的博客就算是部署到了coding上了,通过coding给出的访问地址就可以访问你自己搭建的博客了。
如果你有域名,那可以把域名绑定到coding给出的网址上,并且在coding的静态网站设置界面,添加你的域名。
部署到github(国外访问)
去Github的官网,注册一个账号。
注册完,然后New repository新建一个
仓库
,名称为你的账号名.github.io
,然后点击创建仓库;复制HTTPS那一栏的网址,留作后用。名称这个一定要是这样,否则可能没有用,后续你就可以用这个直接进入你的博客了。
然后去你电脑上的博客文件夹,右键
git bash
到这个文件夹下,输入以下命令1 2
git config --global user.name "yourname" git config --global user.email "youremail"
这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。
可以用以下两条,检查一下你有没有输对1 2
git config user.name git config user.email
至于SSH要不要配置,那看你们自己了,配置了SSH就可以控制git上传你的文件到GitHub上。
打开你的博客文件夹里的 _config.yml 文件,在最下面的
deploy:
里,type: 'git'
repo:
github: https://github.com/yunying61/yunying61.github.io.git,master
注意缩进,而这里的
github:
,注意英文冒号(:)后面还有一个空格,而这里就是刚才你复制的 HTTPS 地址,再加上(英文逗号) ,master当你再次
hexo g
,hexo d
的时候,就会自动推送到github的仓库里。
注意deploy时可能要你输入username和password,就是你GitHub的账号密码。推送完,就可以直接访问 https://你的名称.github.io/ 进入你的博客了
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以邮件至 qasdwasd@qq.com