lyloou

发表于

摘要：

主要内容：
本文介绍我在搭建本博客平台时用到的工具、插件，以及遇到的问题；

文档管理工具

Android Studio | IDEA

通过 template 方便创建文档

File -> Setting -> Editor -> File and Code Templates
--- title: ${NAME} date: ${DATE} ${TIME} toc: true comments: true tags: - ${Tag} ---

教程、文档、API

网址：https://hexo.io
安装 hexo 教程：https://hexo.io/zh-cn/docs/

主题选择

网址：https://hexo.io/themes/

插入多媒体

插入图片：

1
2
3
4
5
6
7
8
// 方式1，加入本地图片：
// 首先需要在source中加入文件夹images，并放入图片smile01.gif;
![](/images/smile01.gif)

// 方式2，加入图床中的图片地址：
![](图片地址)

// 方式3，获取到github的raw图片网址；

插入音乐：

1
2
3
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
    src="http://music.163.com/outchain/player?type=2&id=25706282&auto=0&height=66">
</iframe>

插入视频：

1
2
3
4
5
<center>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
    src="http://music.163.com/outchain/player?type=2&id=25706282&auto=0&height=66">
</iframe>
</center>

外部链接：

自动更新目录结构

对于需要手动管理的目录，可以通过自动生成脚本来实现目录链接
参考：https://lyloou.com/life/create_md_link.sh

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
#!/bin/bash
echo """
自动更新目录文件：
获取当前目录。

获取所有文件，排序：目录、文件，
1. 如果是目录：生成【目录名/index.html链接】
2. 如果是文件：生成【文件名.html链接】

将1、2拼接后，放入本目录的index.html中。
如果是目录，递归操作。
"""
create_md_link() {
    path=$(pwd)

    files=$(ls $path)

    # 当前文件
    title="#### ${path##*/}\n"
    echo -e $title >index.md

    echo -e '\n###### 文件列表\n' >>index.md

    # 输出文件
    for filename in $files; do
        if [[ -f "$filename" && $filename =~ .*md$ ]]; then
            md_link=$(echo $filename | sed 's/\.[^.]*$//')
            md_link="- [$md_link]($md_link.html)"
            echo $md_link >>index.md
        fi
    done

    echo -e '\n###### 子目录列表\n' >>index.md

    # 输出目录
    for filename in $files; do
        if [ -d "$filename" ]; then
            md_link="- [$filename](./$filename/index.html)"
            echo $md_link >>index.md
            cd $filename
            create_md_link
            cd ..
        fi
    done
    echo "create md_files link success: $path"
}

create_md_link

问题列表

Error Local hexo not found

具体描述：从 github 上直接克隆下来的源码，执行hexo s会出现错误：

1
2
Error Local hexo not found in /XXX
Error Try running: 'npm install hexo --save'

原因分析：
.gitignore文件中忽略了node_modules文件夹，所以从 github 上的克隆的源码中不存在此文件夹；

解决方案：
重新执行npm install命令即可；（用自带 CMD）
执行 npm install可能会出现失败的警告，有可能是 npm 版本问题：
执行下面命令来降低 npm 的版本：
npm install -g npm@3.3.12

外部连接：

add Read More

方法：在需要截断的地方插入<!--more-->即可。
外部连接：Hexo 自动添加 ReadMore 标记

（解决问题的方法：将错误日志中的关键部分择取关键字交给 Google；）

发表于

步骤

  1. 安装Node.js
  2. 安装Git
  3. 安装Hexo（所有操作均在Windows自带的cmd命令行中运行：npm install -g hexo）
  4. 切换到博客目录并初始化：
    1
    2
    # cd d:/w/hexo
    # hexo init

基本命令

1
2
3
4
hexo generate  == hexo g
hexo server    == hexo s
hexo deploy    == hexo d
hexo new       == hexo n

部署到Github

配置_config.yml

1
2
3
4
deploy:
  type: git
  repo: git@github.com:lyloou/lyloou.github.io.git
  branch: master

安装部署

1
2
npm install hexo-deployer-git --save
hexo d

绑定独立域名

  • 在Hexo项目的Source中新建文件CNAME
  • 添加lyloou.com
  • 然后hexo d -g上传即可

常见问题

  • 执行了 hexo d -g后，未能成功部署到网站：请先clean一下，hexo clean

外部链接

0%