Node.js手把手教你建github技术博客

创建hexo文件夹

设置到位后,在你喜爱的文件夹下(如H:\hexo),执行以下指令(在H:\hexo内点击鼠标右键,选拔Git
bash),Hexo 即会活动在对象文件夹建立网站所急需的具有文件。

hexo init

总结

事先用的jekell写的,手把手教您建github技术博客by
jekyll,也是煎熬了几天才做成本身洋洋自得的,今日控制换来hexo,也是花了一天半时间,为了追求更好,必须折腾!

秒拍福利录制 春风得意旅游网

http://www.lvmama.me

http://www.zuiuren.com
http://www.foodtvl.com
http://www.0539g.com
http://www.linyiwuliu.cn
http://www.jusho.com
http://www.shanghaidishinigonglue.com
http://www.linyixiaoshangpincheng.cn
http://www.linyizhuangshi.cn
http://www.pipixiaa.com
http://www.linyiwangluogongsi.cn
http://www.jusho.cn
http://www.linyidaikuan.cn
http://www.linyibanjiagongsi.cn
http://www.linyiwangzhantuiguang.cn
http://www.linyitesexiaochi.cn

hexo部署

实施下列指令即可到位安插。

hexo generate
hexo deploy

以下提醒表明计划成功

[info] Deploy done: git

点击 Github 上体系的 Settings,GitHub Pages,提醒Your site is published
athttp://wuxiaolong.me (这是自己买的域名)

github 创立博客

  • ### 注册账号

    地址:https://github.com/
    输入账号、邮箱、密码,然后点击注册按钮.

    Node.js 1
    1

设置注重包

npm install

地方查看

当今我们曾经搭建起当地的hexo博客了,执行以下命令(在H:\hexo),然后到浏览器输入localhost:四千探望。

hexo generate
hexo server

好了,至此,本地博客已经搭建起来了,只是当地哦,别人看不到的。下面,大家要布局到Github。

问题

  • 实践hexo server提醒找不到该指令
    化解办法:
    在Hexo 3.0 后server被单独出来了,须求设置server,安装的一声令下如下:

    npm install hexo -server --save
    

    安装此server后再试,难点消除

安装Git

下载 msysgit 并推行即可形成安装。

去Godaddy修改DNS地址

更改godaddy的Nameservers为DNSpod的NameServers。

Node.js 2

安装Node.js

在 Windows
环境下安装 Node.js 万分简单,仅须下载安装文件并实施即可达成安装。

DNS设置

用DNSpod,快,免费,稳定。
挂号DNSpod,添加域名,如下图设置。

Node.js 3

中间A的两条记下指向的ip地址是github Pages的提供的ip
怎么知道你的github上连串的IP,如下:

Node.js 4

hexo使用

安装hexo

动用 npm 命令即可安装。(在自由地点点击鼠标右键,采纳Git bash)

npm install -g hexo

问题

  • npm ERR! registry error parsing json 错误

也许须要设置npm代理,执行命令

npm config set registry http://registry.cnpmjs.org
  • hexo:command not found
    除去刚刚安装的npm目录,重新执行命令npm install -g hexo安装hexo,

hexo命令行使用

常用命令:

hexo help #查看帮助
hexo init #初始化一个目录
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成网页,可以在 public 目录查看整个网站的文件
hexo server #本地预览,'Ctrl+C'关闭
hexo deploy #部署.deploy目录
hexo clean #清除缓存,**强烈建议每次执行命令前先清理缓存,每次部署前先删除 .deploy 文件夹**

简写:

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

目录结构

.
├── .deploy #急需配备的公文
├── node_modules #Hexo插件
├── public #转变的静态网页文件
├── scaffolds #模板
├── source #博客正文和其它源文件,40肆 、favicon、CNAME 都应当放在此处
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主题
├── _config.yml #大局配置文件
└── package.json

编写制定成文

新建小说

hexo new "标题"

在 _posts 目录下会扭转文书标题.md

title: Hello World
date: 2015-07-30 07:56:29 #发表日期,一般不改动
categories: hexo #文章文类
tags: [hexo,github] #文章标签,多于一项时用这种格式
---
正文,使用Markdown语法书写

编排完后保存,hexo server 预览

将独立域名与GitHub Pages的上空绑定

方式一:在站点source目录下边,新建多个名为CNAME的公文文件,里面写入你要绑定的域名,比如wuxiaolong.me
办法二:在Repository的根目录上面,新建叁个名为CNAME的公文文件,里面写入你要绑定的域名,比如wuxiaolong.me

在GitHub上添加SSH密钥

打开id_rsa.pub,复制全文。https://github.com/settings/ssh ,Add SSH
key,粘贴进去。

创立页面仓库

以此库房的名字须要和您的账号对应,格式: yourname.github.io
输入基本消息,然后点击成立仓库.

Node.js 5

2

Node.js 6

3

注意
命名规则:你的github账号.github.io,笔者那里被坑了,在此之前是jekell写的,以往换到hexo,所以自个儿是另建创库了。

生成SSH密钥

ssh-keygen -t rsa -C “你的邮箱地址”,按三个回车,密码为空。

在C:\Users\Administrator.ssh下,获得几个文本id_rsa和id_rsa.pub。

顺应人群

  • 喜欢写Blog的人
  • 有早晚的编程基础
  • 爱折腾的人
  • 自如运用版本控制Git
  • 打听使用Github
  • 熟悉基本的马克Down语法

全局配置 _config.yml

# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site #站点信息
title:  #标题
subtitle:  #副标题
description:  #站点描述,给搜索引擎看的
author:  #作者
email:  #电子邮箱
language: zh-CN #语言
# URL #链接格式
url:  #网址
root: / #根目录
permalink: :year/:month/:day/:title/ #文章的链接格式
tag_dir: tags #标签目录
archive_dir: archives #存档目录
category_dir: categories #分类目录
code_dir: downloads/code
permalink_defaults:
# Directory #目录
source_dir: source #源文件目录
public_dir: public #生成的网页文件目录
# Writing #写作
new_post_name: :title.md #新文章标题
default_layout: post #默认的模板,包括 post、page、photo、draft(文章、页面、照片、草稿)
titlecase: false #标题转换成大写
external_link: true #在新选项卡中打开连接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight: #语法高亮
  enable: true #是否启用
  line_number: true #显示行号
  tab_replace:
# Category & Tag #分类和标签
default_category: uncategorized #默认分类
category_map:
tag_map:
# Archives
2: 开启分页
1: 禁用分页
0: 全部禁用
archive: 2
category: 2
tag: 2
# Server #本地服务器
port: 4000 #端口号
server_ip: localhost #IP 地址
logger: false
logger_format: dev
# Date / Time format #日期时间格式
date_format: YYYY-MM-DD #参考http://momentjs.com/docs/#/displaying/format/
time_format: H:mm:ss
# Pagination #分页
per_page: 10 #每页文章数,设置成 0 禁用分页
pagination_dir: page
# Disqus #Disqus评论,替换为多说
disqus_shortname:
# Extensions #拓展插件
theme: landscape-plus #主题
exclude_generator:
plugins: #插件,例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署,将 lmintlcx 改成用户名
deploy:
  type: git
  repo: 刚刚github创库地址.git
  branch: master

注意

  • 安插文件的冒号“:”后边有一个空格
  • repo: 刚刚github创库地址.git

域名

图床

1.墙裂推荐介绍七牛云储存,注册地址。

2.七牛云储存提供10G的免费空间,以及每月10G的流量.存放个人博客图片最佳可是了

3.七牛云储存还有各类图形处理功效、缩略图、录制存放速度也给力(非打广告)。

具体运用见使用七牛作为github博客的图床

环境准备