By LSR

更新日期:

文章目录
  1. 1. Tutorial: Build YOUR own Blog
  2. 2. Prerequisites:
    1. 2.1. Markdown Language Tutorial in 10 minutes.
  3. 3. Get Started
    1. 3.1. 装个Nodejs
    2. 3.2. 安装hexo

写博客是个好习惯啊，据说是一只程序员走向大师的必经之路。
其实我早在高考完就想做这件事情了，
只是一直懒懒懒懒到现在……（扶额

之前看到Dolphin学长的博客很是眼红，默默照猫画虎起来。。
（只是现在学长的博客早就升级了
（高不可攀感
→_→biu，友情链接：学长的博客.
已经升级为Ghost
（我之前也试过但是死活没成功，大坑啊

嗯，也是在网上看到的教程，前段时间搞过一次不过思路比较混乱（主要是那时不会用Git），
这次重新拿出来搞定了
keyword：Hexo Pacman Github Blog
利用Hexo编译成静态的Html之后托管在我大交友网站上 :)
Free for everyone !

这篇博文主要是写给学弟学妹们，希望可以在学习的路上少走弯路，学会总结自己的知识。。
总有一天，你们要超过我；我还想着以后撸代码的时候有不会的问你们呢！

正文开始。

Tutorial: Build YOUR own Blog

Prerequisites:

  • Markdown Language
  • The use of Git
  • An account on Github

写博客呢，(●’◡’●)
当然是要用我们高大上有装逼范儿的Markdown语法了，（打死word党，逃
这玩意简单实在，来，我教你十分钟入门:)

Markdown Language Tutorial in 10 minutes.

  1. 段落
    Markdown这货呢，是无视普通的换行的，
    所以我总结了个规则：

    • 回车 => 空格
    • 两个空格 => 回车

    • 两个回车 => 两个回车

      也就是说：

      1
      balabala
balabala
balabala
          <-这是空行
balabala  <-此处有两个空格
balabala

      会显示为

      1
      balabala balabala balabala

balabala
balabala

      Markdown没有首行缩进，想缩进的童鞋手动缩进吧

  2. 插图片
    so easy:
    ![text](http://link/to/foobar.png)
    效果：

  3. 超链接
    easy too:

  4. 插代码
    嗯，markdown这货是可以直接吃html代码的，所以在markdown里面，
    你可以把你炼了N久的炫酷css丢进来，这完全木有问题

    然而，我们只想安安静静地插个代码

    两种方式：

    1. inline 

      1
      `Your Code`

      效果：Your Code

    2. block 

      1
      2
      3
      ```
      Your Code
      ```

      嗯，它自己就是效果。

Get Started

装个Nodejs

官网：https://nodejs.org/

—>安装包<—

安装hexo

Hexo官网：https://hexo.io/

1
2
3
4
5
6
$npm install hexo-cli -g <-全局安装hexo
$cd balabala             <-进入你想放博客的地方
$hexo init blog          <-初始化，blog就是博客文件夹名
$cd blog                 <-进去
$npm install             <-下载所需文件
$hexo server             <-启动本地服务器，然后就可以在浏览器里预览效果了

Hexo常用命令

1
2
3
4
5
$hexo new "name" <- 新写一篇博文，标题为name
$hexo g       <- g->generate 编译你的博客，也就是把你写的md变成正式的html
$hexo s       <- s->server   启动本地服务器，可以预览效果
$hexo clean   <- 从头再来，清空所有html，但是你写的md都还在，放心
$hexo deploy  <- 部署，也就是同步到Github上面去，正式地让大家看到

去下个Hexo的主题，比如：Light

https://github.com/

然后
—>注册Github<—

然后创建一个与你账号同名的repo

个人主页

每个帐号只能有一个仓库来存放个人主页，而且仓库的名字必须是username/username.github.io，这是特殊的命名约定。你可以通过http://username.github.io来访问你的个人主页。

通过向导很容易创建一个仓库，并测试成功。不过，同样的，没有博客的结构。需要注意的个人主页的网站内容是在master分支下的。

配置一下Hexo

Done.

每次总是感觉快要写完了，但是总是一堆细节，泪：（

文章目录
  1. 1. Tutorial: Build YOUR own Blog
  2. 2. Prerequisites:
    1. 2.1. Markdown Language Tutorial in 10 minutes.
  3. 3. Get Started
    1. 3.1. 装个Nodejs
    2. 3.2. 安装hexo