最近边上的人都突然买起了域名搭起了个人网站,渣渣的我介于期末没事干也跟风搭了个静态博客。虽说博客基本不更新T T,嘛嘛回归正题。

  首先准备工作:

    1)安装nodejs

    2)安装msysgit(虽然现在github的windows版本蛮好用的,不过因为要用到hexo,个人觉得还是gitbash的命令行好用点)安装教程使用教程(必看)

  NODEJS安装

    nodejs的默认安装是c盘的,为了不出麻烦的问题就不改路径了直接存c盘,反正它也不大。(安装时一直下一步就好)

    安装完后win+r 调出命令行后测试 node

    

    能正常运行则通过

     然后在安装目录下创建两个文件夹node_cache和node_global(需要管理员权限)

    

    再设置npm

    

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache

    并在系统变量中加上NODE_PATH,路径为C:\Program Files\nodejs\node_modules\

    

  HEXO准备

    通过npm安装hexo

     打开Git命令行(之前已经装了msysgit,那么现在右击任意文件夹或者直接打开gitbash的程序),执行如下命令

    

npm install -g hexo-cli

    装完后记得配环境(确认path中有没hexo的系统变量)变量为 C:\Program Files\nodejs\node_global\node_modules\hexo-cli\bin

  BLOG建立

    在你喜欢的地方建一个任意名的文件夹,我是建了名为blog的,然后在此文件夹中右键打开Git Bash。执行下面的命令

hexo init
[info] Copying data
[info] You are almost done! Don't forget to run `npm install` before you start b
logging with Hexo!

    好了,现在hexo会在当前目录下建立相应的基本文件,当然就像提示说的别忘了‘npm install’,在之前的Bash中继续输入(如果已经关了。。好吧继续在之前建的目录下右击打开git bash)

npm install

    最后,在bash中输入hexo server

hexo server
[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

    这样你就可以在localhost:4000上看到你的个人微博,当然现在它还是空的,但架子已经好了舔砖加瓦就是另外的事了(实际是在我写的时候我自己都还没舔。。。)

  部署到github

    在github上建立仓库,注意仓库名为username.github.io(如果你的git用户名为anonymou则仓库为anonymou.github.io

    然后设置hexo的git组件,重新在之前的文件夹中打开GITBASH

npm install hexo-deployer-git --save

    部署到Github前需要配置_config.yml文件(之前的建hexo的文件夹中),首先找到下面的内容(应该在最后面)

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type:

    然后将它们修改为

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:anonymou/anonymou.github.io.git
branch: master

    Repository:必须是SSH形式的 url(git@github.com:anonymou/anonymou.github.io.git),而不能是HTTPS形式的 url(https://github.com/anonymou/anonymou.github.io.git),否则会出现错误:

$ hexo deploy
[info] Start deploying: github
[error] https://github.com/anonymou/anonymou.github.io.git is not a valid repositor URL!

    当部署完成后,在浏览器中打开http://anonymou.github.io/(https://anonymou.github.io/) ,正常显示网页,表明部署成功。

    每次部署的步骤,可按以下三步来进行。先清,再重新生成,再同步。

hexo clean
hexo generate --也可以使用缩略命令 hexo g
hexo deploy               hexo d
hexo d -g --这个是最偷懒版

    嘛大概步骤就这样,当然你还可以在git仓库里加入CNAME文件让它解析到你自己的域名,有错误的话请提出,渣渣的我会认真看的

在windows下创建基于github的hexo静态博客的更多相关文章

  1. 开发小白也毫无压力的hexo静态博客建站全攻略 - 躺坑后亲诉心路历程

    目录 基本原理 方法1 - 本机Windows下建站 (力荐) 下载安装node.js 用管理员权限打开命令行,安装hexo-cli和hexo 下载安装git 初始化hexo 使用hexo gener ...

  2. 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客

    本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...

  3. [5]Hexo静态博客绑定域名及域名解析

    示例: http://zsy.xyz/ 前提预设:[4]Hexo静态博客背景及界面显示优化配置 [3]hexo+github搭建个人博客的主题配置 [2]hexo+github搭建个人博客的简单使用 ...

  4. Hexo静态博客搭建教程

    Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.生成静态网页可以托管在github.下面简单介绍一下he ...

  5. 基于mkdocs-material搭建个人静态博客

    基于mkdocs-material搭建个人纯静态博客,没有php,没有mysql 如果你只是想安安静静的放一些技术文章,发布到个人站点或github-pages,mkdocs-material很适合你 ...

  6. 在hexo静态博客中利用d3-cloud来展现标签云

    效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:ht ...

  7. 搭建hexo静态博客

    使用hexo搭建博客,并将博客部署到github 需要的工具 Node.js Git 一个Github账号 正式开始 在任意目录下新建一个文件夹,如blog,在该文件夹下右键打开git bash he ...

  8. Octopress创建GitHub Pages——基于代码托管的静态博客

    Github Pages是静态网页来的,官方也半认可了它的博客用途,代码挂在github上,随时都可以更改,算是不错的一种尝试,因为它是静态的,所以在表现上会自由得多,但是,同样因为它是静态的,管理上 ...

  9. Ubuntu 16.04 + github page + hexo 搭建博客

    1. 安装nodejs:  sudo apt-get install nodejs-legacy 2.安装nvm :  wget -qO- https://raw.github.com/creatio ...

随机推荐

  1. input效果:当鼠标在input中输入文字是改变内部文字效果

    主要用到属性:onpropertychange事件(属性改变时触发的事件),oninput属性(当input有输入时发生的事件) onpropertychange事件是IE专属事件 oninput属性 ...

  2. 使用weinre通过PC浏览器调试手机网页

    Weinre是什么? Weinre代表Web Inspector Remote,是一种远程调试工具.举个例子,在电脑上可以即时的更改手机上对应网页的页面元素.样式表, 或是查看Javascript变量 ...

  3. springdata整合mongodb一些方法包括or,and,regex等等《有待更新》

    这几天接触mongodb以及springdata,自己英语比较戳,所以整理这些方法花的时间多了点,不过也是我第一次在外国网站整理技术 不多说,直接上代码,这里只是给出一些操作方法而已,如果有需要源码的 ...

  4. php 魔术方法__get()和__set()理解

    __get()方法,官方手册上是这样解释的 : ' 当调用(自己加的:或设置|赋值)当前环境下未定义或不可见的类属性或方法时,重载方法会被调用.本节后面将使用"不可访问属性(inaccess ...

  5. Ms SQLServer中的Union和Union All的使用方法和区别

    Ms SQLServer中的Union和Union All的使用方法和区别 SQL UNION 操作符 UNION 操作符用于合并两个或多个 SELECT 语句的结果集. 请注意,UNION 内部的 ...

  6. java项目使用的DBhelper类

    import java.io.*; import java.sql.*; import java.util.*; import javax.servlet.jsp.jstl.sql.*; public ...

  7. C# dynamic

    [TestMethod] public void DynamicTest() { dynamic Customer = new ExpandoObject(); Customer.Name = &qu ...

  8. 使用Yeoman搭建 AngularJS 应用 (3) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/setup.html 与Yeoman的交互大多数是通过命令行.在苹果机器需要使用Terminal应用,在Linux使用shell.如果使用W ...

  9. iOS 页面间传值 之 单例传值 , block 传值

    ios 页面间传值有许多,前边已经分享过属性传值和代理传值,今天主要说一下单例传值和 block 传值 单例传值:单例模式一种常用的开发的模式,单例因为在整个程序中无论在何时初始化对象,获取到的都是同 ...

  10. Linux fdisk 命令

    Linux fdisk 命令 fdisk                         fdisk功能说明:磁盘分区.语 法:fdisk [-b <分区大小>][-uv][外围设备代号] ...