Mac下体验Hexo与Github Pages搭建

很久之前就知道Github可以发布自己的博客,因为仅支持静态文件,一直懒于动手自己进行编辑。再了解到还存在 JekyIIHexo 这样的内容生成框架后,终于决定体验一下。

一、本地环境准备。

Github Pages的申请过程就不再搬砖,Github的页面上说的很清楚,注意每个用户只能创建一个与自己用户名相同的Pages。

Pages申请好之后,可以克隆到本地的文件夹,这样 hexo 运行的文件夹就准备好,可以开始准备本地的hexo环境。

hexo需要有nodes和nam的支持,我先安装了6.9.2版本的node,使用的是安装包,当然也可以使用homebrew等工具。安装hexo很简单:

$ npm install hexo-cli -g

然后进入到 github Pages 的本地目录执行:

hexo init blog
cd blog
nam install
hexo server

当看到Hexo is running的提示之后,就可以按照提示的地址在浏览器中预览博客效果了。

_config.yml 是博客的配置文件,能够定义博客名称、作者等各种全局的参数。

package.json 应用数据,EJS、Sylus、Markdown三个渲染工具是默认安装的,如果不需要刻意卸载。但是对于最终要是使用 Markdown 来编辑博客的我来说,那是必不可少的。

source 文件夹,文章原始的 md 文件都放在这个文件夹下面。通过生成器会对该文件夹下的 markdown、html 文件进行解析,其他的文件只做拷贝,放入 public 文件夹。

themes 主题文件夹,默认的主题为 landscape。

二、主题更换。

默认的主题美观性基本上没有,hexo 支持自己开发博客主题,但是刚开始的时候最好还是选择一个比较成熟的主题先上手。hexo 官方有一个提供预览图的列表,也有一个更完整的列表,我这里要使用的是 yilia,后续考虑自己定义一个。

更换theme的步骤包括获取 theme 文件,修改配置,可以参考 yilia 的文档进行。

三、生成与发布

编辑完自己的文章后,本地预览觉得效果还可以的话,就可以生成等待发布的页面了。

hexo generate

执行完成后,可以在 public 文件夹下看到生成的文件。由此可以看到,hexo 中有原始的文档文件,也有发布后生成的网页文件。

修改 hexo 配置文件中关于部署的部分

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/yourname/yourname.github.io.git
branch: hexo

至此,使用 hexo 搭建环境发布内容的工作就完成了,你可以通过 http://yourname.github.io 访问页面,查看效果。

为了让这两部分文件都保存下来,我们利用 git 中的分支功能。在本地环境查看有多少分支 git branch -a,一般只有一个 master。创建一个新的分支 git branch hexo
将分支推送到远程服务器 git push origin hexo,在 hexo 的配置文件中选择将内容发布到 hexo 而本地的源码提交到 master 中。

时间: 2024-07-31 13:08:04

Mac下体验Hexo与Github Pages搭建的相关文章

使用hexo在GitHub上搭建个人博客网站

前言 为什么要使用GitHub Pages搭建博客? GitHub使用免费,空间充足 管理安全方便,基于GitHub版本控制 定制化程度高,与其他博客网站相比没有什么约束 可以自由指定域名且不许要备案 基于全球最大的男性交友网站GitHub,方便交流... 所需环境 node.js@5.5.0 git@1.9.2 hexo@3.2.2 Github账号 新建一个repository repository名称为 username.github.io 随便选择一个主题 此时在浏览器中输入 usern

使用Hexo在Github上搭建自己的博客

以前的博客是使用Jekyll托管在github上,后来用着越来越不方便,比如没有自动生成post,不能一键部署,文件结构和配置也是比较繁琐,更重要的是有时候用markdown写一篇文章,生成的静态文件很乱,应该是有些字符解析的问题.现在下决心换成了hexo. Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以ubuntu为例,因为我自己一直在使用ubuntu.使用如下命令即可: sudo apt-get install nodejs sudo apt

Github Pages 搭建HEXO主题个人博客

跌跌撞撞,总算是建立起来了.回首走过的这么多坑,也真的是蛮不容易的.那么就写点东西,记录我是怎么搭建的吧. 准备工作 安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可.http://nodejs.org 安装Git:作用就是把本地的hexo内容commit到我们的远程仓库,实现更新操作https://git-scm.com/download/ 申请GitHub账号:用来盛装我们的代码,这样才能够被访问,程序员如果没有这个账号,那我就不说什么了. SSH Keys,看你自己了,可

Github pages搭建网页

刚刚搭建了一个简单的页面,看看效果. 什么是Github page  ?       https://pages.github.com/ GitHub 是一个共享虚拟主机服务,用于存放使用Git版本控制的软件代码和内容项目. Github pages 是Github 提供给用户搭建个人博客或静态网页的平台 . 1.注册帐号 2.在代码仓库里建一个以用户名开头+github.io的仓库,如下: 3.在代码仓库里添加页面 4.使用Github客户端管理网站. 将新文件放入本地的github的目录下,

【IOS-COCOS2D-X 游戏开发之三】MAC下配置ANDROID NDK环境并搭建COCOS2D-X环境并ECLIPSE正常编译运行COCOS2DX自带TESTSDEMO项目!

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/android-game/636.html 大家都知道Cocos2d-X是个多平台支持的游戏引擎,那么当今最主流的手机系统是iOS和Android,所以少不了Android的童鞋以及iOS的童鞋都偏向于Cocos2d-X引擎,而且更多的Android开发者还是习惯的IDE使用Eclipse,如今Cocos2d-X配置在Eclipse环境中的教

github pages + Hexo + 域名绑定搭建个人博客

环境 Windows 10(64 位) Git-2.7.4-64-bit  node-v4.4.7-x64 如果上述软件已经安装的,跳过,没有安装的下载安装. 1,git下载安装(https://git-for-windows.github.io/) 2,node下载安装(https://nodejs.org/en/) 3.安装npm工具(这里可以先不安装,我是之前做RN,所以已经安装好了) 4,验证安装是否成功.      为了验证是否安装成功,我们在dos桌面输入如下的命令:       

使用Github Pages和Hexo构建个人博客

Github Pages可以创建免费的静态站点,支持自带主题.支持自制页面等,并且可以使用Jekyll或者Hexo等静态博客框架进行管理. 独立博客是博客园等博客平台之外的一个良好补充,相比使用虚拟主机或者云服务器搭建站点,静态博客管理和使用简洁,使用Github Pages搭建博客不失为一个好选择. 使用Github很快就可以搭建一个站点,可以分为以下几步: 在Github创建对应仓库 配置Jekyll或者Hexo环境 设置主题,安装评论等插件   一.使用Github创建站点 1.创建一个新

在GitHub Pages上使用Pelican搭建博客的教程_python

Pelican 介绍 首先看看 Pelican 的一些主要特性:     Python实现,开放源码     输出静态页面,方便托管     支持主题,采用Jajin2模板引擎     支持代码语法高亮     支持reStructuredText.Markdown.AsciiDoc格式     支持Disqus评论     支持Atom和RSS输出 这些特性都是大爱,完全满足我对博客系统的基本需求,再配合免费无限制的GitHub Pages,一切近乎完美了.安装 Pelican 开始前请自行安

Mac下搭建github+jekyll写作环境

之前有在公共博客或是专业的技术博客上写写文章.笔记.后来由于从事安全相关行业,转而把一些工作中的总结.笔记记录在了OneNote上,纯离线不对外开放.但这种转换导致文章产出率很低,常常半年写不了一篇文章.为了能够督促自己将技术或是生活点滴记录下来,寻找一种使用Markdown语法,干净整洁的写作环境:github+jekyll,这正是我想要的. 升级Command Line Tools 由于刚升级了"优圣美地",需要安装一下Command Line Tools,安装jekyll需要.