搭建hexo个人博客教程(0门槛)干货(?)第一章
吴建国_
2020-08-12 OPPO Reno
相信大家都看过标题了。
为什么是不是动态的wordprees?因为成本有点高。而且有些麻烦。
(注:成本高是说在深度自定义的情况下,且访问量大,服务器等因素)
我曾经在GitHub上用杰基尔搭建过个人博客。但是无奈模板过于简陋
而且样式也不多,可玩性不强。如果要魔改那几乎是全部重来。
于是我把目光转向了hexo。什么是hexo?Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub上。Hexo同时也是GitHub上的开源项目,参见:hexojs/hexo 如果想要更加全面的了解Hexo,可以到其官网 Hexo 了解更多的细节,因为Hexo的创建者是以为台湾老哥,对中文的支持很友好,可以选择中文进行查看.
而且hexo提供的主题多,可玩性强。不止可以搭配GitHub使用,还可以搭配gitee coding等代码托管服务进行使用。
这些网站都支持静态的博客部署。
这里我给大家一个参考:我个人是在GitHub gitee coding三个平台都部署了的。其中GitHub有无法访问的情况。而gitee在免费时无法自定义域名,换言之需要付费才能使用自定义域名,并且害不支持自动部署。
优点是速度快。coding速度稍慢,但是也不会彻底无法访问。
你可以看看我的网站:
查看链接
查看链接
(当然不止这几个。我的是魔改过的。后面我或许会再写几篇魔改的)
好,那下面我们开始。
(标注星号是必要步骤。域名可以用GitHub、gitee、coding给你的,自己后期还可以自定义。)
搭建步骤:
获得个人网站域名
*GitHub创建个人仓库
*安装Git
*安装Node.js
*安装Hexo
*推送网站
绑定域名
更换主题
*发布文章
寻找图床
个性化设置
首先我们注册一个GitHub(gitee、coding类比)账号
点击GitHub上面的New repository来新建仓库。
仓库名为GitHub用户名.github.io(gitee、coding的储存库名称也要是自己的用户名)
然后安装git。官网下载:查看链接
在命令行里输入git测试是否安装成功,若安装失败,参看其他详细的Git安装教程。安装成功后,将你的Git与GitHub帐号绑定,鼠标右击打开Git Bash
(其他教程如廖雪峰)
或者在菜单里搜索Git Bash,设置user.name和user.email配置信息:
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
生成ssh密钥文件:
ssh-keygen -t rsa -C "你的GitHub注册邮箱"
然后直接三个回车即可,设置什么密码。
然后找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复制
(怎么找?Windows10下用搜索快捷键:win+s或者在c:\users\用户名\.ssh)
打开GitHub_Settings_keys 页面(查看链接),新建new SSH Key
Title为标题,任意填即可,将刚刚复制的id_rsa.pub内容粘贴进去,最后点击Add SSH key。
在Git Bash中检测GitHub公钥设置是否成功,输入 ssh git@github.com
如上则说明成功。这里之所以设置GitHub密钥原因是,通过非对称加密的公钥与私钥来完成加密,公钥放置在GitHub上,私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用了ssh,当你推送的时候,git就会匹配你的私钥跟GitHub上面的公钥是否是配对的,若是匹配就认为你是合法用户,则允许推送。
这样可以保证每次的推送都是正确合法的。
安装Node.js
Hexo基于Node.js,Node.js下载地址:Download | Node.js (查看链接)下载安装包,注意安装Node.js会包含环境变量及npm的安装,安装后,检测Node.js是否安装成功,在命令行中输入 node -v 检测npm是否安装成功,在命令行中输入npm -v :
示例
到这了,安装Hexo的环境已经全部搭建完成。
安装Hexo
Hexo就是我们的个人博客网站的框架, 这里需要自己在电脑常里创建一个文件夹,可以命名为Blog,Hexo框架与以后你自己发布的网页都在这个文件夹中。创建好后,进入文件夹中,按住shift键,右击鼠标点击命令行
注意!!这里下操作必须要在博客的目录下操作(下面也是)(cd 你的博客路径)
使用npm命令安装Hexo,输入:
npm install -g hexo-cli
这个安装时间去喝杯水。安装完成后,初始化我们的博客,输入:
hexo init
为了检测hexo框架等有没有完成,分别按顺序输入以下三条命令:
hexo g
hexo s
这些命令在后面作介绍,完成后,打开浏览器输入地址:
localhost:4000
就有一个网页了。
现在来介绍常用的Hexo 命令
npm install hexo -g #安装Hexo
npm update hexo -g #升级
hexo init #初始化博客
命令简写
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo server #Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存,若是网页正常情况下可以忽略这条命令
刚刚的二个命令依次是新建一篇生成网页、在本地预览的操作。
推送网站上面只是在本地预览,接下来要做的就是就是推送网站,也就是发布网站,让我们的网站可以被更多的人访问。在设置之前,需要解释一个概念,在blog根目录里的_config.yml文件称为站点配置文件,如下图
站点配置文件
进入根目录里的themes文件夹,里面也有个_config.yml文件,这个称为主题配置文件,如下图
主题配置文件
下一步将我们的Hexo与GitHub关联起来,打开站点的配置文件_config.yml,翻到最后修改为:
deploy:
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
branch: master参考如下:
我的参考
保存站点配置文件。
其实就是给hexo d 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,很显然,我们部署在我们GitHub的仓库里。最后安装Git部署插件,输入命令:
npm install hexo-deployer-git --save
这时,我们分别输入三条命令:
hexo clean
hexo g
hexo d
其实第三条的 hexo d 就是部署网站命令,d是deploy的缩写。完成后,打开浏览器,在地址栏输入你的放置个人网站的仓库路径,即 查看链接比如我的xxxx就是我的GitHub用户名:
好。这只是第一步。下面我也许还会更新。
一些主题还是不错的(butterfly ayer)
初始的主题是landscape.后面可以换。你们的做出来也许和我不一样就是主题的原因
先这样吧。
参考文章:查看链接
#Hexo# #个人博客网站# #网站搭建#
@酷安小编 @梨子 @快乐球 @匿名游客 我都写这么多了,头条不过分吧