技术干货让前端飞

最适合前端人员的个人博客创建

2017-05-24  本文已影响0人  getElementsByMK

需要用到的工具

1.node.js
2.github账号

简单介绍

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

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

  3. 服务器也是github的服务器

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

安装教程

node.js 安装

<a href = 'https://nodejs.org/en/download/'>node.js下载页</a>
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上

  1. 需要注册github账号
  2. 在github中创建一个库 库名 github用户名.github.io
  3. 配置在博客文件根目录中的_congif.yml文件(在文件最后找到deploy),输入以下代码:
    deploy:
      type: git
      repo: 就是刚才创建的那个库的地址(复制https的地址)
      branch: master
    

4.安装git<a href = 'https://git-scm.com/'>git下载</a>

  1. 在博客根目录下打开命令窗口
    在命令行输入 npm install hexo-deployer-git --save
  2. 在public目录下
    鼠标右键 选择 Git Bash Here
    在命令行输入 git init命令
    在命令行输入 hexo d 命令

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

上一篇 下一篇

猜你喜欢

热点阅读