Github Pages和Hexo创建静态博客网站

安装Node.js

本人是window环境,所以下载window版。

下载地址:https://nodejs.org/en/download/

下载 msysgit

下载地址:https://git-for-windows.github.io/

Hexo

点击鼠标右键菜单Git Bash Here

  1. npm install hexo-cli -g
  2. npm install hexo --save
  3. #如果命令无法运行,可以尝试更换taobao的npm源
  4. npm install -g cnpm --registry=https://registry.npm.taobao.org

创建一个blog目录

执行命令:

  1. hexo init
  2. npm install

安装插件,可跳过此步骤:

  1. npm install hexo-generator-index --save
  2. npm install hexo-generator-archive --save
  3. npm install hexo-generator-category --save
  4. npm install hexo-generator-tag --save
  5. npm install hexo-server --save
  6. npm install hexo-deployer-git --save
  7. npm install hexo-deployer-heroku --save
  8. npm install hexo-deployer-rsync --save
  9. npm install hexo-deployer-openshift --save
  10. npm install hexo-renderer-marked@0.2 --save
  11. npm install hexo-renderer-stylus@0.2 --save
  12. npm install hexo-generator-feed@1 --save
  13. npm install hexo-generator-sitemap@1 --save

运行本地Hexo:

  1. hexo generate
  2. hexo server

浏览器查看效果:

  1. localhost:4000

上传到Github

找到主项目的https地址:https://xxx/github.io.git

打开blog文件夹下_config.yml文件修改:

  1. deploy:
  2. type: git
  3. repository: https://xxx/github.io.git
  4. branch: master

执行命令:

  1. hexo g -d

换主题

Hexo主题:https://hexo.io/themes/

执行命令下载主题:

git clone https://github.com/xxx.git(主题地址) themes/xxx(主题文件夹)

修改_config.yml文件:

  1. theme: xxx(主题名)

执行命令:

  1. hexo g
  2. hexo s

打开http://localhost:4000/即可看到效果。

部署到Github

执行命令:

  1. hexo clean
  2. hexo g -d

写文章

  1. hexo n "文章标题" #新建md文件
  2. hexo g -d #生成并部署

参考:

Github Pages和Hexo创建静态博客网站的更多相关文章

  1. Github Pages 搭建HEXO主题个人博客

    跌跌撞撞,总算是建立起来了.回首走过的这么多坑,也真的是蛮不容易的.那么就写点东西,记录我是怎么搭建的吧. 准备工作 安装Node.js: 用于生成静态页面,我们需要到官网上去下载即可.http:// ...

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

    Github Pages可以创建免费的静态站点,支持自带主题.支持自制页面等,并且可以使用Jekyll或者Hexo等静态博客框架进行管理. 独立博客是博客园等博客平台之外的一个良好补充,相比使用虚拟主 ...

  3. 用GitHub Pages搭了个静态博客

    经过周末两天折腾,终于在GitHub Pages上用Hugo搭了个静态博客. 链接:https://xusiwei.github.io/ @ruanyf 曾经在博客里提到过"喜欢写Blog的 ...

  4. 在GitHub上使用Hexo搭建静态博客

    搭建静态博客须要一个前提是电脑上有安装git而且有github帐号,这个不懂能够看廖雪峰先生的git教程 1.下载nodejs.在官网上能够下载 2.使用git进入你新建的一个目录,输入命令 npm ...

  5. 利用GitHub Pages和Hexo搭建个人博客

    本文首发地址: 非生异也 本项目源码托管在GitHub上 Why 阮一峰曾经说过:喜欢写Blog的人,会经历3个阶段. 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现 ...

  6. 使用github pages, hexo搭建个人博客教程

    具体的原理性的东西就不说了直接上教程,怕等下自己忘了. 一. github 阶段 申请一个github 账号并成功登录进去. 创建一个名字为xxx.github.io的空项目. 二. hexo 阶段 ...

  7. GitHub Pages + Hexo搭建个人博客网站-github风格-采坑记录

    目录 1.本机安装nodejs 2.github上创建仓库 3.安装hexo 4.hexo主题 5.配置主题 6.添加文章 7.使用分类和标签 8.增加文章目录 9.推送github 使用github ...

  8. 使用github和hexo搭建静态博客

    获得更多资料欢迎进入我的网站或者 csdn或者博客园 终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助.少走点弯路.刚接触github,只是用来存项目的版本, ...

  9. Hexo搭建个人静态博客网站

    前言 前段时间博客园整改,许多博客无法查看,偶然的机会接触到了许多博客框架,可用来快速搭建一个静态博客网站:最后选择使用hexo,看了不少大佬的教程,觉得挺有意思的,于是也总结了一下自己的搭建步骤,可 ...

随机推荐

  1. XSS分析及预防

    XSS(Cross Site Scripting),又称跨站脚本,XSS的重点不在于跨站点,而是在于脚本的执行.在WEB前端应用日益发展的今天,XSS漏洞尤其容易被开发人员忽视,最终可能造成对个人信息 ...

  2. C#异步编程

    什么是异步编程 什么是异步编程呢?举个简单的例子: using System.Net.Http; using System.Threading.Tasks; using static System.C ...

  3. fir.im Weekly - 关于 iOS10 适配、开发、推送的一切

    "小程序"来了,微信变成名副其实的 Web OS,新一轮的Web App 与Native App争论四起.程序员对新技术永远保持灵敏的嗅觉和旺盛的好奇心,@李锦发整理了微信小程序资 ...

  4. StringUtils的isBlank与isEmply

    1.public static boolean isEmpty(String str) 判断某字符串是否为空,为空的标准是 str==null 或 str.length()==0 StringUtil ...

  5. ERROR 1300 (HY000): Invalid utf8 character string: ''

    在load csv 进mysql的时候,报这个错,苦恼了很长时间,网上搜索不到答案. mysql>    load data infile '/home/hdh/8_sr/8_45.csv'   ...

  6. C 盘的不速之客

      C 盘的报告内容既然上GB的空间 操作系统版本 原来是微软这个查找解决异常关闭解决方案生成的报告   参考 How To Disable Vista Error Reporting Feature ...

  7. PHP 数组浅析

    PHP的数组具有如下特点:1.数组初始化时无需指定长度:2.数组中的元素无需相同类型:3.数组的长度可变4.可使用var_dump(参数)或者print_r(  参数) 函数查看数组变量.5.数组内的 ...

  8. 在jexus下如何简单的配置多站点

    参考:linuxdot.net 其实jexus的配置还是比较简单的,目录即站点(一个目录就是一个站点,一个配置文件就是一个站点) 如uustudy.net,在siteconf目录下创建一个uustud ...

  9. 【腾讯Bugly干货分享】Android进程保活招式大全

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57ac4a0ea374c75371c08ce8 作者:腾讯——张兴华 目前市面上 ...

  10. Vue.js——60分钟快速入门

    Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理解的API,使得我们 ...