MAC下搭建个人博客

时间:2022-03-16 02:14:17

安装homebrew

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

安装nodejs

  1. brew install node

在安装nodejs过程中,提示如下警告:

  1. You have Xcode 8 installed without the CLT;

根据提示进行安装

安装hexo

  1. sudo npm install -g hexo

创建文件夹

  1. mkdir blog
  2. cd blog
  3. hexo init

此时blog文件下出现了很多文件和文件夹,如下图所示:

MAC下搭建个人博客

生成一套静态网页

  1. hexo generate /** 生成一套静态网页 **/
  2. hexo server /** 在服务器上运行 **/

在浏览器上运行http://localhost:4000就能看到如下的网站首页:

MAC下搭建个人博客

撰写博客

进入终端,使用cd命令进入到有Hexo框架的目录里面,输入:

  1. hexo new post "我的第一篇博客"

随后出现如下的消息:

  1. INFO  Created: ~/blog/source/_posts/我的第一篇博客.md

证明创建文章成功,“我的第一篇博客”这个md文件会创建在source/_posts/的文件下。该md文件在自动生成时会带有一些属性:

title:     定义了博文的标题

date:   定义了创作博文的时间

tags:   定义了博文的标签

除了这个三个属性以外我们还可以扩展一些属性:

update:  定义了最后修改的时间

comments:定义能否评论此博文(默认为true)

categories: 定义了博文的种类

配置文件  --  _config.yml说明

Hexo的每一个功能的配置文件都是_config.yml, 具体说明看下面的注解:

  1. # Hexo Configuration
  2. ## Docs: https://hexo.io/docs/configuration.html
  3. ## Source: https://github.com/hexojs/hexo/
  4. # Site                 ##修改以适应搜索引擎的收录
  5. title: Hexo            ##定义网站的标题
  6. subtitle:              ##定义网站的副标题
  7. description:           ##定义网站的描述
  8. author: jason jwl      ##定义网站的负责人
  9. language:              ##定义网站的语言,默认zh-Hans
  10. timezone:              ##定义网站的时区
  11. # URL
  12. ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
  13. url: http://yoursite.com   ##定义网站访问的域名
  14. root: /      ##定义所在Web文件夹在哪个目录
  15. permalink: :year/:month/:day/:title/  ##定义时间格式
  16. permalink_defaults:
  17. # Directory
  18. source_dir: source   ##定义从哪个文件夹获取博客资料
  19. public_dir: public   ##定义生成静态网站到哪个文件夹
  20. archive_dir: archives
  21. category_dir: categories
  22. code_dir: downloads/code
  23. i18n_dir: :lang
  24. skip_render:
  25. # Writing
  26. new_post_name: :title.md # File name of new posts
  27. default_layout: post
  28. titlecase: false # Transform title into titlecase
  29. external_link: true # Open external links in new tab
  30. filename_case: 0
  31. render_drafts: false
  32. post_asset_folder: false
  33. relative_link: false
  34. future: true
  35. highlight:
  36. enable: true
  37. line_number: true
  38. auto_detect: false
  39. tab_replace:
  40. # Category & Tag
  41. default_category: uncategorized
  42. category_map:
  43. tag_map:
  44. # Date / Time format
  45. ## Hexo uses Moment.js to parse and display date
  46. ## You can customize the date format as defined in
  47. ## http://momentjs.com/docs/#/displaying/format/
  48. date_format: YYYY-MM-DD
  49. time_format: HH:mm:ss
  50. # Pagination
  51. ## Set per_page to 0 to disable pagination
  52. per_page: 10  ##定义每一页多少条博客
  53. pagination_dir: page
  54. # Extensions
  55. ## Plugins: https://hexo.io/plugins/
  56. ## Themes: https://hexo.io/themes/
  57. theme: landscape  ##定义使用的主题
  58. # Deployment
  59. ## Docs: https://hexo.io/docs/deployment.html
  60. deploy:
  61. type:

注意:

另外修改这些属性时,请注意格式,属性和值要空一个格,比如theme: landscape。

 

本地同步github

在github上new Repository,并命名为xxxxx.github.io(xxxxx是你github的账号名),然后把本地项目提交到github的远程项目。具体操作步骤可以参考我以前写的一篇博客:http://blog.csdn.net/jasonjwl/article/details/49682217。然后在浏览器上输入xxxxx.github.io就能访问自己的博客了。

同步到github,发现网站访问不了。并且github给我发了一封邮件,如下所示:

MAC下搭建个人博客

经测试不是主题的问题。

个人建议不通过手动同步github,优先考虑通过修改_config.yml让hexo帮助我们同步github,方便快捷,配置如下所示:

  1. deploy:
  2. type: git
  3. repo: https://github.com/xxx/xxx.github.io.git
  4. branch: master
  5. xxx为个人github的name

配置完后,运行

  1. hexo deploy

或者

  1. hexo d

如出现以下的错误:

  1. ERROR Deployer not found: git

请运行以下命令进行安装:

  1. npm install hexo-deployer-git --save

再次运行hexo deploy。工程同步成功!

当你增加新的文章或者插件时,可以通过以下三个命令进行同步操作:

  1. hexo clean
  2. hexo generate
  3. hexo deploy

文章引用博客大神的,这里做一个保存笔记,侵删。