个人html5博客框架,最适合前端人员的个人博客创建

需要用到的工具

1.node.js

2.github账号

简单介绍

github提供了静态页面托管服务， github给每一个用户都提供了一个项目的静态页面托管服务，但是一定要注意，一个账户只有一个项目的名额

github静态页面托管服务会给你提供一个域名，让你访问自己的网站

服务器也是github的服务器

Hexo， 你只需要写MarkDown文件，hexo这种框架会自动帮你把所有的markdown文件转换成html，并且帮你将所有的文章进行归类

安装教程

node.js 安装

node.js下载页

1.进入node.js官网，下载你电脑所对应的安装包

2.安装完后，你可以在命令行中查看是否安装成功。windows键加R打开运行窗口，输入cmd，打开命令行，再输入node -v，回车，就可以看到node的版本。

3.npm是node的常用方法，现在node都是自带了npm方法，直接在命令行输入npm -v就可以查看npm版本。

Hexo的安装

在命令行输入 npm install hexo-cli -g

Hexo的使用

新建一个文件夹，建议命名为 blog

在新建的文件夹内按住 shift +鼠标右键，单击 在此处打开命令窗口

1.初始化博客

在命令行输入 hexo init

2.新建一篇文章(文章自动保存在 sources/_posts/....)

在命令行输入 hexo new "文章名"

3.将md文件生成html

在命令行输入 hexo g

4.在本地预览已经编辑好的博客内容

在命令行输入 hexo s

要把生成好的网站发布到 github上

需要注册github账号

在github中创建一个库 库名 github用户名.github.io

配置在博客文件根目录中的_congif.yml文件(在文件最后找到deploy)，输入以下代码：

deploy:

type: git

repo: 就是刚才创建的那个库的地址(复制https的地址)

branch: master

4.安装gitgit下载

在博客根目录下打开命令窗口

在命令行输入 npm install hexo-deployer-git --save

在public目录下

鼠标右键 选择 Git Bash Here

在命令行输入 git init命令

在命令行输入 hexo d 命令

大功告成 可以通过 github用户名.github.io 直接访问你的博客了