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

推荐订阅源

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
I
InfoQ
H
Help Net Security
大猫的无限游戏
大猫的无限游戏
L
LangChain Blog
F
Full Disclosure
Apple Machine Learning Research
Apple Machine Learning Research
J
Java Code Geeks
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
WordPress大学
WordPress大学
N
Netflix TechBlog - Medium
博客园 - Franky
IT之家
IT之家
K
Kaspersky official blog
Simon Willison's Weblog
Simon Willison's Weblog
C
Cisco Blogs
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
The Exploit Database - CXSecurity.com
Know Your Adversary
Know Your Adversary
PCI Perspectives
PCI Perspectives
V2EX - 技术
V2EX - 技术
P
Proofpoint News Feed
Security Archives - TechRepublic
Security Archives - TechRepublic
The Last Watchdog
The Last Watchdog
V
Vulnerabilities – Threatpost
Vercel News
Vercel News
博客园 - 司徒正美
G
Google Developers Blog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Blog — PlanetScale
Blog — PlanetScale
Help Net Security
Help Net Security
S
Secure Thoughts
有赞技术团队
有赞技术团队
P
Privacy International News Feed
S
Schneier on Security
T
Troy Hunt's Blog
T
The Blog of Author Tim Ferriss
阮一峰的网络日志
阮一峰的网络日志
H
Heimdal Security Blog
Latest news
Latest news
S
Security @ Cisco Blogs
博客园 - 聂微东
The Hacker News
The Hacker News
B
Blog
Forbes - Security
Forbes - Security
A
About on SuperTechFans
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
罗磊的独立博客
雷峰网
雷峰网

找生活

2025回顾 AI 正改变我的生活 周报 05 双十一前后的购物 周报 04 国庆节前后的那些事 周报 03 桌面搭配的大提升 周报 02 探店咖啡牛肉火锅 周报 01 关于我和MacBook Air的故事 2024年目标达成? ChatGPT Plus 苹果 iOS APP支付订阅技巧方法 反思人生:一次关于人生之路的思考 春节花市真的可以赚钱吗? 摆摊复盘 利用 workflow 自动添加图片水印 我的 2016 个人总结 说走就走的旅行 190港币游香港两天 2015年度总结 暴走澳门 体验一座城市不同的两面 iOS 9更新了啥?iOS 9 Public Beta(公测版)体验 专注写作 Markdown语言10分钟速成 似水流年 沙湾 湘西凤凰-毕业之旅
Hexo小白教程 Github搭建静态博客程序
zhaolife.com · 2015-05-31 · via 找生活

Hexo介绍

hexo是来自台湾大学生@tommy351所研究的一个基于Node.js的静态博客程序。有了它,我们就可以很方便地把它生成静态网页托管到github和Heroku上。

为什么要用Hexo

在当下快餐式阅读泛滥的今天,有那么一群人不断地为用户带来有价值的阅读,他们一路坚持着写作。可是大型博客网站的衰落、自建博客服务(WordPress、z-blog…)高额的维护成本,让他们难以前行。创造无限可能的技术大牛们在这时为我们创造了新的机遇。

使用github平台Pages的特性,可以让用户在平台上搭建个人站点。现在使用该特性搭建网站的程序有很多,如:较早比较成熟的Jekyll,简化版Jekyll的Octopress,还有正在介绍的Hexo

Hexo的优势:

  • 快速 高效(基于Node.js,生成速度快速)

  • 容易上手(简单指令部署)

  • 专注写作(支持Markdown语言)

    前期准备

  • PC

  • node.js

  • git

安装Node.js

打开Node.js https://nodejs.org/ ,下载平台对应的版本

安装程序,并对Node.js配置环境(配置方法:打开我的电脑->右键属性->高级系统设置->高级->环境变量->变量path处添加Node.js所安装的路径)

检验是否成功安装:

电脑开始菜单->cmd->输入以下命令

1
2
node -v //查看node的版本号
npm -v //查看npm的版本号

安装git

git的客户端很多,在这推荐使用msysgit,安装和操作都很简单。到msysgithttp://msysgit.github.io/官网,Download默认安装即可。

Github平台设置

使用基于Github Pages的Hexo,就需要有Github平台的账号密码。用户可前往Github https://github.com/进行注册。

用户还需要在github平台建立库,用来储存站点的资料。

新建库的方法:

New repository->Repository name(建议命名格式:用户名.github.io)

git连接Github平台

Github提供git连接的方法有两种,一种是Https,一种是SSH。SSH的连接方式较Https安全。Https连接方式,用户每次都需要输入账号、密码才能连接Github的库,而SSH,只要通过SSH-KEY授权,则可。

SSH-KEY授权:

上述命令若执行成功,会生成两个文件id_rsa和id_rsa.pub,记事本方式打开id_rsa.pub文件,把内容拷贝到Github平台(Setings->SSH KEYS->ADD SSH KEY->把内容拷贝到KEY里)

若出现问题,可参考:

安装Hexo

在本地建立,Hexo储存资料的文件夹

使用git或者cmd,cd到目标目录

在对应目录下,运行命令:

1
2
3
4
npm install -g hexo-cli //安装hexo
hexo init //初始化目录
hexo generate //生成静态页面
hexo server //运行本地服务

如果以上命令都能完美运行,在浏览器中输入http://localhost:4000可以看到Hexo的hell0 world。

部署到Github

在Hexo安装的目录下,打开_config.yml文件,修改内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# Site
title: Snow Memory //博客名
subtitle: //博客副标题
description: //网站描述
author: //作者名称
email: //作者邮箱
language: zh-CN //网页编码,中文
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'url: http://zhaolife.com //用于绑定域名
# Deployment 站点部署到githubd的内容 非常重要
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git #部署类型, 本文使用Git
repository: [email protected]:Andrew-liu/Andrew-liu.github.io.git #部署的仓库的SSH
branch: master #部署分支,一般使用master主分支

当以上修改完后,运行命令:

1
2
hexo generate //生成静态页面
hexo deploy //进行部署

Hexo部署完后,在浏览器中,输入我们早前设置的“用户名.github.io”即可看到全新的页面。

Hexo新建文章

运行命令:

1
hexo new "postName" //新建文章

在本地目录下就会显示md结尾的文件:source/_posts\postName.md

使用Markdown编辑器,打开md文件,可进行写作。在你想在首页显示的部分下添加<!--more-->就会生成“阅读全文”的按钮。