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

推荐订阅源

A
About on SuperTechFans
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
T
Tenable Blog
WordPress大学
WordPress大学
小众软件
小众软件
Y
Y Combinator Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 聂微东
大猫的无限游戏
大猫的无限游戏
T
The Exploit Database - CXSecurity.com
Attack and Defense Labs
Attack and Defense Labs
Simon Willison's Weblog
Simon Willison's Weblog
C
CXSECURITY Database RSS Feed - CXSecurity.com
量子位
有赞技术团队
有赞技术团队
C
Cisco Blogs
D
Darknet – Hacking Tools, Hacker News & Cyber Security
F
Fortinet All Blogs
S
Schneier on Security
Engineering at Meta
Engineering at Meta
Microsoft Azure Blog
Microsoft Azure Blog
Martin Fowler
Martin Fowler
Recent Announcements
Recent Announcements
Stack Overflow Blog
Stack Overflow Blog
Recent Commits to openclaw:main
Recent Commits to openclaw:main
阮一峰的网络日志
阮一峰的网络日志
G
GRAHAM CLULEY
Spread Privacy
Spread Privacy
F
Full Disclosure
Scott Helme
Scott Helme
GbyAI
GbyAI
N
Netflix TechBlog - Medium
MyScale Blog
MyScale Blog
Cloudbric
Cloudbric
云风的 BLOG
云风的 BLOG
L
LangChain Blog
aimingoo的专栏
aimingoo的专栏
Hacker News - Newest:
Hacker News - Newest: "LLM"
Security Latest
Security Latest
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
MongoDB | Blog
MongoDB | Blog
The GitHub Blog
The GitHub Blog
The Register - Security
The Register - Security
L
Lohrmann on Cybersecurity
PCI Perspectives
PCI Perspectives
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
D
Docker
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
S
Secure Thoughts
C
Check Point Blog

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博客就基本搭建完成了,如有疑问直接在下面留言,我有时间就会回复的。