Mwan's Blog


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

Hexo配置

发表于 2018-03-11

Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github。我们使用Github Pages + Hexo搭建博客站点,之前Github注册与配置完成,现在开始安装node.js以及hexo。

下载并安装Node.js
  • 下载
    根据自己电脑操作系统的位数到git官网下载相应的版本:

    https://nodejs.org/en/download/

  • 安装
    根据自己的需要安装到响应的地方,其他的一路点击next即可

    配置环境变量
    选中桌面图标计算机,右键选择属性,打开左边的高级系统设置,打开弹出窗口的环境变量,找到path进行编辑。

    找到node.js的安装目录,将其复制后粘贴到path后面。注意每一个加进来的路径后面都要带英文格式的分号。

  • 测试是否安装成功
    windows+R输入cmd打开命令提示符窗口,输入如下命令:

    node -v
    若安装成功会打印出本机安装的node.js的版本。

安装和配置hexo

hexo是基于node.js的静态博客,官网也是搭建在GitHub上。

  • 安装-
    在你喜欢的路径下新建一个文件夹blog,用来存放博客的文件,在此文件夹中右键打开Git Bash

    输入如下指令进行安装:

    $ npm install -g hexo-cli
    avater

    如果执行这条命令时长时间未成功,那么请先使用下面的命令将npm镜像源更改为国内的镜像,再执行上面的安装命令,因为国外的镜像源很有可能被墙了。

    npm config set registry https://registry.npm.taobao.org

  • 初始化hexo-
    $ hexo init blog
    这里会将Github上的hexo项目clone下来,得到hexo文件夹。
    avater 初始化成功后会在最后打印一行:INFO Start blogging with Hexo!

  • 安装依赖文件-
    进入到blog文件夹

    $ cd blog
    安装依赖文件:

    $ npm install
    部署形成文件:

    $ hexo generate
    本地测试

    $ hexo server
    启动服务
    avater

将本地hexo项目托管到Github
  • 修改全局配置文件_config.yml
    说明: hexo文件夹下一个_config.yml,我们称之为全局配置文件,在每个主题文件夹内还会有一个_config.yml文件,我们称之为主题配置文件。

    用sublime text3或者notepad++等编辑器打开hexo文件夹下的_config.yml文件。

    注意:配置文件中每个字段后面的冒号是英文格式的,且在其后要加一个空格再写值

    编辑最后面的deploy属性,加入代码:

    type: git
    repository: git@github.com:你的Github用户名/你的Github用户名.github.io.git
    branch: master
    type使用是git。

    repository属性改成你的刚才创建仓库git地址。

    分支branch填写master。

  • 安装hexo-deployer-git插件
    $ npm install hexo-deployer-git –save

  • 部署到Github上
    依次执行以下三条命令:

    $ hexo clean #清除缓存 网页正常情况下可以忽略此条命令
    $ hexo generator #生成静态页面至public目录
    $ hexo deploy #将.deploy目录部署到GitHub
    执行hexo deploy命令之后,如果最后一行打印出如下信息则表示部署成功

    INFO Deploy done: git
    然后你再去访问你创建的Github pages地址,也就是:你的Github用户名.github.io,即可看到你本地的hexo项目已经被部署到github上去了。此时博客的默认主题是landscape,即上面本地测试时的样子。
    avater

Github注册与配置

发表于 2018-03-11
注册

如果你还没有自己的Github账号,那请到Github官网注册账号:https://github.com/

注册成功后github会发送验证邮件到你的邮箱,请查收邮件并进行验证。

添加库

注册完成后,点击Start a project来新建一个版本库
avater
如果已经注册,则在自己的主页,点击”New repository”,即可新建一个版本库
avater
库名为:yourname.github.io,其中yourname必须和前面的Owner一致

下载并安装Git

根据自己的操作系统下载Git工具
https://git-scm.com/download/win

检测是否按照成功:
在命令提示符窗口输入:

git –version
添加SSH KEY到Github

SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。

  • 进入Git Bash环境
    在空白处点击右键
    avater

  • 配置生成SSH KEY

    $ cd ~ #保证当前路径在”~”下
    $ ssh-keygen -t rsa -C “这里填写你github的注册邮箱地址”
    Generating public/private rsa key pair.
    Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa): #不填直接回车
    Enter passphrase (empty for no passphrase): #输入密码(可以为空)
    Enter same passphrase again: #再次确认密码(可以为空)
    Your identification has been saved in /c/Users/xxxx_000/.ssh/id_rsa. #生成的密钥
    Your public key has been saved in /c/Users/xxxx_000/.ssh/id_rsa.pub. #生成的公钥
    The key fingerprint is:
    ee:51:33:xx:xx:xx:xx:xxx:61:28:83:e2:81 xxxxxx@yy.com

    至此,已经生成ssh key,其存放路径为:c:/Users/你电脑的用户名/.ssh/下。

  • 复制SSH KEY到Github
    到目录下找到.ssh文件夹,查看里面是否有id_rsa和id_rsa.pub这两个文件。
    登录GitHub系统,点击账号的Settings;
    avater
    点击“SSH and GPG keys” –> “New SSH key”
    avater
    填入id_rsa.pub文件中的内容
    avater

  • 配置账户
    $ git config –global user.name “your_username” #设置用户名
    $ git config –global user.email “your_registered_github_Email”

  • 测试SSH KEY是否设置成功
    $ ssh -T git@github.com
    接下来会返回一些信息,并需要你输入一次yes,若生成ssh key时设置有密码则还会让你输入生成ssh key时设置的密码。
    Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access. #出现词句话,说明设置成功。

Hello World

发表于 2018-03-11

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

Mwan

Mwan

3 日志
2 标签
© 2018 Mwan
由 Hexo 强力驱动
|
主题 — NexT.Pisces v5.1.4