hexo(一)快速搭建博客原型

Hexo最全指南

相信很多朋友都写过博客,也都想开发自己的博客网站,但是一来因为需要涉及很多网站知识,不管是前端还是后台,搭建起来特别繁琐,二呢服务器域名实在太贵,本来就没有什么收入,还要维护服务器实在是无稽之谈。

但是有需求就一定会有解决方法,IT就是这么神奇的东西,当你跟着我一起用hexo搭建完自己的个人博客,你会发现,哇,这真的是天才的作品!

一.本地部署hexo

1.安装nodejs

首先我们得全局安装hexo,但在安装hexo之前得先安装nodejs。
至于如何安装nodejs,这里就不多讲了,直接进nodejs官网下载就好,版本最好选择最新版本。

2.打开nodejs,直接输入命令npm install -g hexo 安装hexo

(npm install -g hexo)

3.hexo init 初始化文件

(hexo init )

4.hexo g 生成静态页面(这步很关键)

做完上面这些你在文件夹中会看到以下文件:

node_modules:是依赖包
public:存放的是生成的页面
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章
themes:主题
_config.yml:整个博客的配置
db.json:source解析所得到的
package.json:项目所需模块项目的配置信息

这里面用的比较多的就是source和themes了

5.hexo server 启动本地服务

直接在命令行中hexo s启动服务,在浏览器中输入localhost:4000即可

(本地效果 )

到了这里本地hexo就搭建完毕了!

二.将hexo部署到github中

本地搭建完毕,但是我们想要的是一个网站,并且可以同步更新。怎么办呢? 伟大的github为我们解决了这个问题。

1.注册github账号

进入到github官方地址注册账号即可
然后呢,需要创建一个仓库,仓库名字格式如下:账号名.github.io。

(创建仓库 )

2.安装git

网上搜索即可,或者直接命令行install npm git –save

3.创建ssh

这步其实就是本地与github建立连接的一个媒介,通过ssh密钥进行身份认证,才能进行远程部署的操作。

右键你的hexo根目录,打开gitbash,在gitbash中输入:ssh-keygen -t rsa -C "youremail@example.com,生成ssh。然后按下图中的路径找到id_rsa.pub文件的内容并复制。

(路径在Created directory后面)

4.向github中添加ssh

(点击右上角->点开settings)



(点击newssh即可,把复制的内容粘贴即可)

5.配置Github

首先打开根目录下的_config.yml在最后写入

1
2
3
4
deploy:
type: git
repo: https://github.com/leopardpan/leopardpan.github.io.git //这个是你github上的仓库地址
branch: master

然后在node命令行中执行

npm install hexo-deployer-git --save

最后在依次执行

1
2
3
hexo clean
hexo generate
hexo deploy

便可在浏览器端输入 hansu123.github.io

6.新建文章

hexo new " 文章名称 "

文章路径在:根目录\source_posts下

哈哈,是不是so easy!

(最终效果)

至于主题,图片显示等问题后续会陆续更新哒~~