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

推荐订阅源

博客园 - 聂微东
C
Cisco Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
MyScale Blog
MyScale Blog
云风的 BLOG
云风的 BLOG
人人都是产品经理
人人都是产品经理
The GitHub Blog
The GitHub Blog
月光博客
月光博客
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
V
Vulnerabilities – Threatpost
博客园 - Franky
A
Arctic Wolf
T
Tenable Blog
P
Privacy & Cybersecurity Law Blog
雷峰网
雷峰网
Blog — PlanetScale
Blog — PlanetScale
C
CERT Recently Published Vulnerability Notes
Spread Privacy
Spread Privacy
Latest news
Latest news
小众软件
小众软件
Google DeepMind News
Google DeepMind News
IT之家
IT之家
量子位
U
Unit 42
T
Threatpost
I
InfoQ
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
G
GRAHAM CLULEY
K
Kaspersky official blog
T
Tor Project blog
Scott Helme
Scott Helme
AWS News Blog
AWS News Blog
Hugging Face - Blog
Hugging Face - Blog
PCI Perspectives
PCI Perspectives
N
Netflix TechBlog - Medium
Martin Fowler
Martin Fowler
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Recent Commits to openclaw:main
Recent Commits to openclaw:main
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
V
Visual Studio Blog
S
Securelist
L
LINUX DO - 热门话题
Apple Machine Learning Research
Apple Machine Learning Research
Cisco Talos Blog
Cisco Talos Blog
D
Darknet – Hacking Tools, Hacker News & Cyber Security
C
CXSECURITY Database RSS Feed - CXSecurity.com
S
Schneier on 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博客就基本搭建完成了,如有疑问直接在下面留言,我有时间就会回复的。