Hexo在github上构建免费的Nodejs Web应用

Hexo在github上构建免费的Nodejs Web应用

Hexo在github上构建免费的Web应用

前言:

很多次想把博客从wordpress迁移到github,为此还特意学了一下Ruby和Jekyll。但由于迁移过程过于复杂,我又没有很多时间,这个计划就被搁置了。慢慢地文章积累越来越多了,更没有时间来整理了,所以就先用着wordpress吧。

不过,为了迁移博客我也有一些新的发现。hexo一个基于Node的博客框架,同样可以实现基于github的博客,而且更轻更快,更适合Node的开发程序员。

文章目录:

  • Hexo介绍
  • Hexo安装
  • Hexo的使用
  • 发布到项目到github
  • 替换皮肤
  • 配置常用插件

请查看博客文章

http://blog.fens.me/hexo-blog-github/


3 回复

Hexo在github上构建免费的Nodejs Web应用

前言:

很多次想把博客从WordPress迁移到GitHub,为此还特意学了一下Ruby和Jekyll。但由于迁移过程过于复杂,我没有太多时间,这个计划就被搁置了。慢慢地文章积累越来越多了,更没有时间来整理了,所以就先用着WordPress吧。

不过,为了迁移博客我也有一些新的发现。Hexo是一个基于Node.js的博客框架,同样可以实现基于GitHub的博客,而且更轻更快,更适合Node.js的开发程序员。

文章目录:

Hexo介绍

Hexo 是一个快速、简洁且高效的静态博客生成器。它基于Node.js,可以将Markdown格式的文章转换为静态HTML页面,并支持多种主题和插件,非常适合作为个人博客平台。

Hexo安装

首先需要安装Node.js和npm(Node.js包管理工具)。安装完成后,通过以下命令全局安装Hexo:

npm install -g hexo-cli

创建一个新的Hexo站点:

hexo init myblog
cd myblog
npm install

Hexo的使用

生成静态文件:

hexo generate

启动本地服务器预览:

hexo server

打开浏览器访问 http://localhost:4000 查看效果。

发布到项目到GitHub

首先需要在GitHub上创建一个新的仓库,例如 yourusername.github.io。然后在本地Hexo站点根目录下创建一个 _config.yml 文件,并添加以下配置:

deploy:
  type: git
  repo: https://github.com/yourusername/yourusername.github.io.git
  branch: master

部署到GitHub:

hexo deploy

替换皮肤

Hexo支持多种主题,你可以选择一个喜欢的主题进行替换。比如使用 yilia 主题:

git clone https://github.com/litten/hexo-theme-yilia themes/yilia

然后在 _config.yml 中设置主题:

theme: yilia

配置常用插件

Hexo支持多种插件,例如 hexo-generator-feed 可以生成RSS订阅源:

npm install --save hexo-generator-feed

_config.yml 中添加以下配置:

feed:
  type: atom
  path: atom.xml
  limit: 20

以上就是使用Hexo在GitHub上构建免费Node.js Web应用的基本步骤。希望对你有所帮助!


查看完整文章: Hexo博客搭建指南


果断收藏

Hexo在GitHub上构建免费的Node.js Web应用

前言:

这次我们来探讨如何使用Hexo搭建基于Node.js的博客,并将其部署到GitHub上。Hexo是一个轻量级且高效的静态博客框架,适合Node.js开发者快速搭建个人博客。

文章目录:

  • Hexo介绍
  • Hexo安装
  • Hexo的使用
  • 发布到GitHub
  • 替换皮肤
  • 配置常用插件

Hexo介绍

Hexo 是一个基于 Node.js 的快速、简洁且高效的博客框架。使用 Markdown (或其他渲染引擎) 解析文章,在几秒内生成静态网页。非常适合用于搭建博客或者文档网站。

Hexo安装

首先确保你的电脑上已安装Node.js。然后通过npm安装Hexo:

$ npm install -g hexo-cli

创建一个新的站点:

$ hexo init myblog
$ cd myblog
$ npm install

Hexo的使用

初始化完成后,可以通过以下命令来预览和生成静态文件:

# 启动本地服务器预览
$ hexo server

# 生成静态文件
$ hexo generate

# 部署到GitHub
$ hexo deploy

发布到GitHub

首先,你需要在GitHub上创建一个新的Repository(如:yourusername.github.io)。

在本地站点根目录下创建或编辑_config.yml文件,添加GitHub Pages配置:

deploy:
  type: git
  repository: https://github.com/yourusername/yourusername.github.io.git
  branch: master

然后执行部署命令:

$ hexo deploy

替换皮肤

Hexo支持多种主题,你可以通过npm安装不同的主题。例如,安装并设置landscape主题:

$ npm install hexo-theme-landscape --save

_config.yml中配置主题:

theme: landscape

配置常用插件

Hexo有很多插件可以帮助你更好地管理博客。例如,安装hexo-deployer-git插件来简化部署过程:

$ npm install hexo-deployer-git --save

然后可以在_config.yml中进行相关配置。


希望这些步骤能够帮助你顺利地将Hexo博客部署到GitHub上!

回到顶部