使用 GitHub Pages 建立个人页面

新建名字为 <user name>.github.io 的仓库

你需要新建一个名字为 <user name>.github.io 仓库，“user name”是指你的 GitHub 用户名

并且新建之后还有一些配置，在这里不细讲了

使用 Hexo 建立个人博客页面

安装 node.js 和 hexo-cli

打开 node.js 官网下载安装 node.js

打开 Git Bash 输入以下命令安装 hexo-cli

1
$ npm install -g hexo-cli

新建网站

新建D:/Blog文件夹，右键 Git Bash Here

输入 hexo init

输入 hexo server 启动 hexo 本地服务

用浏览器访问：http://localhost:4000/ 查看效果
然后，退出本地服务

下载主题

下载一个 Hexo 主题，并放到 themes 文件夹下

编辑 hexo 的全局配置文件： _config.yml 文件

  • 打开 _config.yml 文件修改以下配置项

language: zh-CN 是中文，不写是英文
url: https://<user name>.github.io/（网站地址）
root: / (根目录，GitHub就写斜杠，有些服务器会多一层路径)
skip_render: README.md 这样可以在 /source 里面放一个 README.md，推送的时候自动传到 Github 上面
theme: landscape （主题）
deploy:

type: git
repo: https://github.com/\<user name>/<user name>.github.io（仓库地址）
branch: master（分支）

输入 hexo generate 重新生成静态博客的所有内容

输入 hexo server 重启 hexo 本地服务

将本地的静态博客部署到 GitHub 上

先在浏览器中预览，直接输入以下命令：

1
$ hexo clean && hexo g && hexo s

部署到GitHub仓库，直接输入以下命令：

1
$ hexo clean && hexo g && hexo d

使用 Hexo 新建一篇文章

1
$ hexo new "文章 标题"

新建的文章默认在 source/_posts 目录下

使用 Markdown 编辑你的这篇文章

附：使用 Markdown 输入代码的预览效果

Python 代码

1
2
3
4
5
import this
import re
import sys

def foo(): pass

C# 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
using System;
namespace HelloWorldApplication
{
    class HelloWorld      //名为 HelloWorld 的类
    {
        static void Main(string[] args)    //main函数
        {
            Console.WriteLine("Hello World!"); //打印并换行
            //Console.Write("Hello World!");  //打印输出后不换行
            Console.ReadKey(); //读取一个按键输入
        }
    }
}

C++ 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
/** 可饮用物的接口。*/
class IDrinkable
{
public:
    /**
     * 玩家喝下此物时调用。
     * @param OutFocusMultiplier - 返回时将包含应用至喝下者聚焦的乘数。
     * @param OutThirstQuenchingFraction - 返回时将包含喝下者渴度的冷却小数（0-1）。
     * @warning 仅在饮料准备好后调用此。     
     */
    virtual void Drink(float& OutFocusMultiplier, float& OutThirstQuenchingFraction) = 0;
};

/** 单杯茶。*/
class FTea : public IDrinkable
{
public:
    /**
     * 根据茶叶浸泡时的水的体积和温度，计算出茶叶的差量食味值。
     * @param VolumeOfWater - 用于冲泡的水量（以毫升计）
     * @parama TemperatureOfWater - 水温（以开氏度计）
     * @param OutNewPotency - 开始浸泡后茶的效力（0.97到1.04）
     * @return 茶每分钟的强度变化（以茶食味值TTU计）
     */
    float Steep(
        const float VolumeOfWater,
        const float TemperatureOfWater,
        float& OutNewPotency
    );

    /** 向茶添加甜料，以产生相同甜度的蔗糖克数计量。*/
    void Sweeten(const float EquivalentGramsOfSucrose);

    /** 日本销售的茶量（以日元计）。*/
    float GetPrice() const
    {
        return Price;
    }

    virtual void Drink(float& OutFocusMultiplier, float& OutThirstQuenchingFraction) override;

private:
    /** 价格（日元） */
    float Price;

    /** 当前甜度，以同等蔗糖克数计量 */
    float Sweetness;
};

More info: 代码高亮

|