技术分享

5分钟 搭建hexo个人博客

安装 hexo 完整版

安装

Hexo 可以说是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安装的工具包括 Git,Nodejs,Hexo。(Windows 用户自行搜索这些工具,直接安装即可,试过基本没啥问题)

安装Git

我就想问问,还有谁没装Git么?

// 如果已安装HomeBrew 无需执行此行

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

$ brew install git // 安装Git

安装Nodejs

先安装nvm,这是Nodejs版本管理器,可以轻松切换Nodejs版本。 这里有两种方式安装。如果使用curl的方式安装,安装完成之后一定要重启终端。

1. Homebrew 安装方式,此安装方式无需重启

$ brew install nvm

$ mkdir ~/.nvm

$ export NVM_DIR=~/.nvm

$ . $(brew --prefix nvm)/nvm.sh

curl安装方式

 $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

安装完成后,重启终端 并执行下列命令即可安装 Node.js。

$ nvm install 4

安装Hexo

以上所有都安装完成之后再安装Hexo

  1. $ sudo npm install hexo-cli -g

所有必须工具已经安装完成,下面我们就可以生成博客,上传至我们的Github 仓库了。

编写,发布

接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(username.github.io)。

创建博客

将下面的 username 替换成你自己的username(其实也无所谓,作者强迫症),执行成功后,会创建出一个名为 username.github.io 的文件夹。

$ hexo init username.github.io

更改配置主题安装

为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的Hexo 目录,安装主题

$ cd username.github.io

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

这里选了一个极简的主题,也是Hexo众多主题中最受欢迎的一个。上面出现的喵神的主题 在这里。Hexo也有更多主题供你选择。

基础配置:打开文件位置username.github.io/_config.yml修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存, 还有注意配置的键值之间一定要有空格。更多设置...

title: dimsky 的 9 维空间 //你博客的名字

author: dimsky //你的名字

language: zh-Hans //语言 中文

theme: next //刚刚安装的主题名称

deploy:

type: git //使用Git 发布

repo: https://github.com/username/username.github.io.git // 刚创建的Github仓库

主题配置:

主题配置文件在username.github.io/themes/next/_config.yml中修改,这里略过。

写文章

所有基础框架都已经创建完成,接下来可以开始写你的第一篇博客了

在username.github.io/source/_posts下创建你的第一个博客吧,例如,创建一个名为FirstNight.md的文件,用Markdown大肆发挥吧,注意保存。

如:

 ---

 title: First Night

 ---

 > 我有一头小毛驴,可是我从来都不骑。

测试

$ hexo s

测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。

安装hexo-deployer-git自动部署发布工具

$ npm install hexo-deployer-git --save

发布

测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。

$ hexo clean && hexo g && hexo d

如果这是你的第一次,终端会让你输入Github 的邮箱和密码,正确输入后,骚等片刻,就会把你的博客上传至Github 了。以后在每次把博客写完后,执行一下这个命令就可以直接发布了,灰常苏胡。

解决域名绑定问题

在hexo目录下的source文件中加入一个文件 名为CNAME, 里面写你的域名 然后提交, 以后就不会出现这个问题了

Hexo 管理插件

安装管理员并启动
npm install --save hexo-admin-yf
hexo server -d
打开http://localhost:4000/admin

微信扫一扫,向我赞赏

微信扫一扫,向我赞赏

微信扫一扫,向我赞赏

支付宝扫一扫,向我赞赏

file-1569295332.jpg

回复

This is just a placeholder img.