0%

从老妈那里拿到一台 Macbook 3,1 (Macbook Air 2010 Late),Core 2 Duo 1.4GHz,2G RAM 可换,加上 Air 本身轻便,完全是刷个 Linux 就可以满血复活,杀人越货的利器!

最开始打算装 Ubuntu,在 Ubuntu Community Wiki 界面中 Macbook Air 的支持页面,针对我这台 Model 最新只有 Ubuntu 13 的教程,而且各个步骤非常麻烦。

一气之下,改换 Elementary OS,一个基于 Ubuntu,界面神似 macOS(原 OS X)的 Linux。在 Elementary OS 官网直接有 Installation Guide 具体步骤如下:

  • 下载 Elementary OS 镜像
  • 使用 Etcher 将镜像烧录至U盘
  • 重启设备,在开机时按住 Option 键从U盘启动
  • 选择U盘(EFI Boot)可进入 Elementary OS

但第一次尝试直接安装 Elementary OS 时失败,随后重新启动,选择 try elementary os 进入 Elementary OS,再在 Elementary OS 中点击 Dock 栏中的 Install Elementary OS 即可安装。安装完成后可能进入无限重启,强制关机后再开机即可。

最后测试,Wifi,Bluetooth,功放均无问题。

知道这种方式之后,用同样的方式烧录 NixOS、Ubuntu、Arch,似乎都可以用这种方式安装,不过没有尝试。

查看 Arch 的 Wiki 感觉安装有些复杂。准备先跟《鸟哥的 Linux 私房菜》再深入了解一下 Linux,再去折腾。

【在 OS X 上操作,部分适用于 Linux】

2016.7.26

使 Hexo 支持脚注(Footnote)以及 Emoji

更换 Markdown 渲染插件。

cd 进入 Hexo Blog 主目录,移除 Hexo 默认的 hexo-renderer-marked,安装 hexo-renderer-markdown-it

1
2
$ npm un hexo-renderer-marked --save
$ npm i hexo-renderer-markdown-it --save

为了使 Hexo 支持 Emoji,还需要进入 hexo-renderer-markdown-it 目录里,安装支持 Emoji 的插件。

1
2
$ cd node_modules/hexo-renderer-markdown-it/
$ npm i markdown-it-emoji --save

在博客根目录下的 _config.yml 中,添加以下字段(以下是我的配置):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
markdown:
render:
html: true
xhtmlOut: false
breaks: false
linkify: true
typographer: true
quotes: '“”‘’'
plugins:
- markdown-it-footnote
- markdown-it-sup
- markdown-it-sub
- markdown-it-abbr
- markdown-it-emoji
anchors:
level: 1
collisionSuffix: 'v'
permalink: true
permalinkClass: header-anchor
permalinkSymbol: ' '

参考文献:

  1. 让Hexo支持emoji表情
  2. Github: hexo-renderer-markdown-it

删除文章

在使用 hexo new 生成新文章之后,想要删除,如果只是直接在 /source/_post 中将相关 md 文件删除,可能在生成网页后还会重现。删除文章比较完备的步骤如下:

  1. /source/_post 中删除相关 md 文件
  2. 在博客根目录下使用 sudo hexo clean
  3. 删除博客根目录下的 db.json 文件

再重新生成网页就可以了。

2016.7.23

去除 NexT-Mist 主题的图片边框

编辑 Blog/themes/next/source/css/_common/components/post/post-expand.styl,将 Line 52 处 border 后的像素数改为 0px。

2016.7.14

添加新文章后自动用文本编辑器打开

在 Blog 目录下创建 scripts 目录(如果没有的话),在该目录下创建一个 JavaScript 脚本监听 hexo new 命令即可,脚本文件名任意。

1
2
3
4
5
6
7
8
9
10
var exec = require('child_process').exec;

// Hexo 2.x
hexo.on('new', function(path){
exec('open -a "Application/YourEditor.app" ' + path);
});
// Hexo 3
hexo.on('new', function(data){
exec('open -a "Application/YourEditor.app" ' + data.path);
});

Github Hexo 相关 Issue:
Open markdown file after running hexo new?

使用 MWeb 配合 Hexo 写博客

打开 MWeb,按下 Cmd + E 进入外部模式,将 Blog 目录下的 source 文件夹加入到 External Source 列表中。

MWeb-external-table

则右部列表如上图可见。双击 source 文件夹名,可进入编辑界面。

MWeb-external-source-edit

修改 Display Name 可以修改 Library 展示的名称,但不会更改原目录的名称。
修改 Media Folder Name 以及 Media Save Path 可以修改博客图片存储的目录名及其路径。

【在 OS X 上操作,部分适用于 Linux】

相关

  • Hexo

    Hexo 是一个静态博客框架。你只需要在本地使用 Hexo 生成静态页面,并部署到代码托管平台,即可通过网站访问博客页面。

  • GitHub Pages

    GitHub 的免费静态页面托管服务,可以使用 username.github.io 或者自定义域名来访问站点。

准备

GitHub 账户

注册 GitHub 账户

安装 Git,Node.js

建议先安装 Homebrew,一个包管理器 (Package Manager)。

1
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

之后可以通过 Homebrew 来安装 Git,Node.js。

1
$ brew install git node.js

安装 Hexo

安装 Node.js 的过程中也会自动安装 npm,另一个包管理器。在 Terminal 使用 npm 安装 Hexo。同时因为我们希望用 GitHub Pages 来托管静态网页,所以需要安装 hero-generator-git。

1
$ npm install hexo hexo-generator-git

配置 Hexo

选择一个目录创建一个新的文件夹,通过 Terminal 使用 cd 命令访问这个文件夹,在该文件夹完成 Hexo 的初始化配置。

1
$ hexo init

此时运行以下指令进行测试。

1
$ hexo server

此时 Terminal 中会显示访问页面的方式,通常是 localhost:4000,访问即可看见 Hexo 初始的页面。

配置 GitHub Pages

部署 Hexo 静态页面

进入你的博客文件夹,使用文本编辑器打开 _config.yml 文件,编辑最下面的 deploy 部分。

如果配置 GitHub Pages 中你选择使用 User site,修改为以下样式。

1
2
3
4
deploy:
type: git
repository: https://github.com/[username]/[username].github.io.git
branch: master

如果配置 GitHub Pages 中你选择使用 Project Site,则修改为以下样式。

1
2
3
4
deploy:
type: git
repository: https://github.com/[username]/[repository name].git
branch: gh-pages

通过 Terminal 进入你的博客文件夹,先生成静态页面,再部署到 GitHub Pages。

1
2
$ hexo generate
$ hexo deploy

某些情况下,当你遇到Fatal,Error 等字眼时,可以重新使用 sudo 运行以上指令。

1
2
$ sudo hexo generate
$ sudo hexo deploy

更多

发布博文,以及 Hexo 的详细配置,推荐 Hexo 官方文档

推荐 Hexo 博客主题 NexT,同样有详细说明。