MAC博客搭建

Author Avatar
七星泪脉 Jul 30, 2016

一、nade.js官网点进去下载像QQ安装的步骤把它安装到自己的电脑上，具体安装步骤（看提示）。

  • 在终端上输入 node -v可以看出来版本号

二、先有一个gitHub账号一枚

  • 至于gitHub账号怎么申请我就不说了（本人英语不好都搞出来一个账号了）

1、在你的账户图标左侧的加号用鼠标点击（new repository）[创建一个自己的库]

2、 创建出来的库先在（Repository name）框下 输入你的名字一定要记住名字后面一定要加 github.io 完整的样式是【用户名+github.io】

3、 写好名字后就可以把下面的Initialize this repository with a README字段前的小框框用鼠标打勾

个人上传图片不可修改

三、接下来把本地文件配置一下（选一个自己喜欢的文件放置目录，再通过终端来输入一下命令）

前面的 $ 就不要复制了，以免把大家搞混淆。

  • $ npm install hexo-cli -g
  • 可能你会看到一个WARN，但是不用担心，这不会影响你的正常使用。 然后输入
  • npm install hexo –save
  • 然后你会看到命令行窗口刷了一大堆白字，下面我们来看一看Hexo是不是已经安装好了。 在命令行中输入
  • hexo -v
  • 其中 -v是查看版本的。如果你看见版本号 如：3.2.0什么的 那么恭喜你安装成功了。这里我就不贴图了，软件是更新的不要因为和我的版本不一样就认为是错的

接下来是初始化你的这个文件夹

  • 在终端继续输入这个命令
  • hexo init
  • 再然后就输入下面的命令
  • npm install

首次体验你的本地文件

  • 在终端输入
  • hexo g
  • 其中hexo g 是读取本地文件
  • hexo s

  • hexo s 是生成本地预览会出现一下样式

  • INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

  • 复制上面的网站链接 在新的窗口打开就会看见你自己的本地博客

四、接下来配置文件

  • 1、配置文件，首先我先把文件的内容对应的什么和大家说一下

  • 网站

  • 参数 描述

  • title 网站标题
  • subtitle 网站副标题
  • description 网站描述
  • author 您的名字
  • language 网站使用的语言
  • timezone 网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说：America/New_York, Japan, 和 UTC 。

  • 网址

  • 参数 描述 默认值

  • url 网址
  • root 网站根目录
  • permalink 文章的 永久链接 格式 :year/:month/:day/:title/
  • permalink_default 永久链接中各部分的默认值
  • 如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

  • 目录

  • 参数 描述 默认值

  • source_dir 资源文件夹，这个文件夹用来存放内容。 source
  • public_dir 公共文件夹，这个文件夹用于存放生成的站点文件。 public
  • tag_dir 标签文件夹 tags
  • archive_dir 归档文件夹 archives
  • category_dir 分类文件夹 categories
  • code_dir Include code 文件夹 `downloads/code
  • i18n_dir 国际化（i18n）文件夹 :lang
  • skip_render 跳过指定文件的渲染，您可使用 glob 表达式来匹配路径。

  • 文章

  • 参数 描述 默认值

  • new_post_name 新文章的文件名称 :title.md
  • default_layout 预设布局 post
  • auto_spacing 在中文和英文之间加入空格 false
  • titlecase 把标题转换为 title case false
  • external_link 在新标签中打开链接 true
  • filename_case 把文件名称转换为 (1) 小写或 (2) 大写0
  • render_drafts 显示草稿 false
  • post_asset_folder 启动 Asset 文件夹 false
  • relative_link 把链接改为与根目录的相对位址 false
  • future 显示未来的文章 true
  • highlight 代码块的设置

  • 分类 & 标签

  • 参数 描述 默认值

  • default_category 默认分类 uncategorized
  • category_map 分类别名
  • tag_map 标签别名

  • 日期 / 时间格式

  • Hexo 使用 Moment.js 来解析和显示时间。

  • 参数 描述 默认值

  • date_format 日期格式 MMM D YYYY
  • time_format 时间格式 H:mm:ss

  • 分页

  • 参数 描述 默认值

  • per_page 每页显示的文章量 (0 = 关闭分页功能) 10
  • pagination_dir 分页目录 page

  • 扩展

  • 参数 描述

  • theme 当前主题名称。值为false时禁用主题
  • deploy 部署部分的设置

###下面来看我给出的图片来配置一下

1
这里要注意，在你创建出来的网页账号的时候会伴随着一个账户下的连接至于这个连接怎么找到的请看下面的贴图


这样就可以拿到连接了

最后一步就是发布

终端输入 hexo d

  • 会弹出输入你账户的name名
  • 你就输入你登陆github的账号
  • 当你敲击Enter的时候还会提示你输入github的passwrod
  • 接下来也是相同操作把密码输入进去。
  • 在此如果错了你的网页账户不会同步出你的配置好的文件也就是你的网站
expand_less