惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Microsoft Security Blog
Microsoft Security Blog
WordPress大学
WordPress大学
S
SegmentFault 最新的问题
爱范儿
爱范儿
B
Blog RSS Feed
Last Week in AI
Last Week in AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Blog — PlanetScale
Blog — PlanetScale
Vercel News
Vercel News
Jina AI
Jina AI
aimingoo的专栏
aimingoo的专栏
I
Intezer
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Attack and Defense Labs
Attack and Defense Labs
The GitHub Blog
The GitHub Blog
小众软件
小众软件
AI
AI
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
N
News and Events Feed by Topic
腾讯CDC
D
Docker
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
罗磊的独立博客
人人都是产品经理
人人都是产品经理
W
WeLiveSecurity
N
News and Events Feed by Topic
Security Archives - TechRepublic
Security Archives - TechRepublic
C
Check Point Blog
Webroot Blog
Webroot Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
H
Help Net Security
Recorded Future
Recorded Future
H
Hacker News: Front Page
T
Troy Hunt's Blog
V
V2EX
Forbes - Security
Forbes - Security
Stack Overflow Blog
Stack Overflow Blog
The Register - Security
The Register - Security
P
Palo Alto Networks Blog
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
博客园 - 叶小钗
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
S
Security Affairs
The Hacker News
The Hacker News
Simon Willison's Weblog
Simon Willison's Weblog
博客园 - 三生石上(FineUI控件)
B
Blog
Apple Machine Learning Research
Apple Machine Learning Research
C
Cyber Attacks, Cyber Crime and Cyber Security
D
DataBreaches.Net

Jay Zangwill

前端该如何选择图片的格式 移动端适配 扒一扒浏览器缓存机制 line-height和vertical-align采坑记 分享个人前端学习路线及面试经验 搜狗实习总结 vue-cli-multipage 记一次我看红宝书对继承加深的理解 四月北京面试之旅 常用的mongodb命令 几个让我印象深刻的面试题(二) 几个让我印象深刻的面试题(一) css盒模型与定位 javscript的数据类型 angular学习笔记(3) angular学习笔记(2) angular学习笔记(1) 初尝vue sass基础
hexo+github快速搭建个人博客
Jay Zangwill · 2016-07-31 · via Jay Zangwill

开场白

昨天用hexo搭建了自己的一个个人博客,费了不少劲,网上的资料有的不全,有的是太老了现在用不了,废话不多说了,直奔主题吧。

正文

因为hexo是基于node的所以安装的时候非常方便

准备工作

首先,我们来到node官网下载node(建议下载稳定版的)安装包,下载完后运行安装程序,然后一直点下一步就行了(安装的时候建议使用默认路径)。

然后,打开cmd或者git bash输入:

node -v

如果出现版本号说明安装成功。

接着,使用node自带的包管理工具npm安装hexo

输入npm install -g hexo(或者npm i -g hexo)

安装全局的hexo

上面的工作做完后来到github官网,没注册的先注册。然后点击New repository新建一个项目,名字为:yourname.github.io 注意:一个账号只能有一个yourname.github.io,如果有了就随便新建一个项目

新建完后,将仓库用

git clone

命令克隆到本地,然后进入到本地仓库,在这里打开命令行工具(也就是cmd或者git bash。注意,路径是当前文件夹路径)输入

hexo init

等一段时间后程序会帮你安装好hexo所需要的依赖。

安装完后,在命令行工具输入

hexo generate(或者 hexo g)

等待一段时间后,输入

hexo server(或者hexo s)

然后进入localhost:4000查看是否出现hexo的界面(有的人可能会发现样式没加载出来,不急,先往下看)

如果出现界面的话,至此,所有准备工作基本完成,你离成功不远了!

全局配置

首先,得找到根目录的_config.yml文件,打开以后,把最上面的Site的博客基本信息填写完毕。

特别注意:在冒号后面有空格,这个空格不能少

然后来到下面的URL填写你博客的网址,例如我的:

https:JayZangwill.github.io/blog

然后看到下面的这个root填写的是io后面的内容,我的是/blog(如果没有,那就是/特别注意root后面不能为空),之前说的样式没有加载很有可能是这个原因(如果还没加载出来,不急,再往下看)

完之后,看到_config.yml文件的最下面,找到deploy:,另起一行输入:

type: git
repository: 你项目的ssh
branch: gh-pages(如果博客地址是yourname.github.io,分支名就是master)

至此,全局配置就完成了。这个时候,你需要再在命令行工具输入:

hexo generate(或者 hexo g)
hexo server(或者hexo s)

如果标题变为你_config.yml文件最上面title输入的东西,那么文件就更新成功了!

上传到github

在上传到github之前还需要安装一个东西,在命令行输入:

npm install hexo-deployer-git --save

这样才能上传到github上,不然上传的话会报错

之后在命令行工具输入:

hexo deploy(或者hexo d)

即可上传到github上。

传到github上以后那些样式和图片肯定都能加载上去了,如果还不能加载的在浏览器里按f12点击network选项卡看看路径怎么错了之后再调调根目录的_config.yml文件里的root吧!

改变主题

我在改变主题这里花了蛮多的时间,一是因为没有找到符合胃口的主题,还有就是在主题更新这里走了很大弯路。直奔主题吧,伤心的会议不要再提!

首先,我用的是jacman主题,界面还算看得过去。过几天有时间了在自己写个主题。给的网址上面说得很清楚主题是如何安装和配置的,我就不在赘述。

我想说的是,上面说的更新:

cd themes/jacman
git pull origin master

是主题的源文件更新,不是我们博客的更新,我们博客更新是:

hexo g

我在这就转了很大弯。。。我们在配置完主题的_config.yml文件后到根目录的命令行输入上面的命令更新博客后上传到github上就行了。

注意:如果上传到github上有些链接点不开或者有些图片出不来,需要到本地仓库的public文件夹里的index.html或者css文件夹里的style.css里讲一些链接还有图片的链接进行微调,然后再更新上传即可

当文章多了以后,我们需要一个标签来标记,想要增加标签,首先得安装一个东西:

npm i hexo-generator-tag --save

安装完后输入:

hexo new page "tags"   

然后会发现source里多出个tags的文件夹,这个文件夹里有个md文件,点开,在第二条横线下加个

type: "tags"

保存就好了。之后在根目录的命令行输入:

hexo new "文件名"  

你会发现在文章开头有个tags:,在后面填上标签即可。

同理,新建分类也是一样的把tags换成categories就行了

添加rss订阅

要想添加订阅功能首先得安装一个东西:

npm install hexo-generator-feed

安装完以后再输入:

hexo g

之后,你会发现在public里多了一个atom.xml文件,那就证明rss订阅功能已经添加了。

至此,一个hexo博客就基本搭建完成了,如有疑问直接在下面留言,我有时间就会回复的。