Mac下使用Hexo搭建个人博客



Hexo介绍

  • 利用原作者的一句话:A fast,simple&powerful blog framework,powered by Node.js
  • Hexo是基于Node.js的博客平台,Hexo是生成静态的Html文件,部署到各个托管平台完成发布,其官网地址:https://hexo.io/zh-cn/



环境准备

注意:如果没FQ的话,可能下载的速度会慢些,个人使用smartHost无压力搭建或者百度使用ss纸飞机,关于如何使用smartHost链接可以在我的博客找

安装Mac包管理器Homebrew,通过终端输入一下指令

安装另一个包管理器Homebrew Cask,该包管理器会自动配置好环境变量,使用刚才安装的包管理器

通过包管理器,安装Node.js

安装Git

查看安装的版本,检验是否安装正确



安装Hexo

安装Hexo,执行以下指令

创建一个目录,用于放置你的Hexo博客,然后通过终端进入你创建的目录,初始化站点

初始化站点后,系统会提示执行npm install以完成所有的配置

上面操作完成后,即完成Hexo的安装和初始化,接下来就可以测试了



测试Hexo

在整个配置完成后,打开终端,输入以下指令即可运行本地服务测试

输入http://localhost:4000/即可打开默认页面



hexo文件夹目录结构

  • source:博客资源文件夹
  • source/_drafts:草稿文件夹
  • source/_posts:文章文件夹
  • themes:存放主题的文件夹
  • themes/landscape:默认的主题
  • _config.yml:全局配置文件


部署到Github Pages

博客发布到Github Pages上,供外网访问,当然你也可以部署到其他服务器上,Github Pages服务的使用步骤:

  • 开通Github账号,例如我的账号名CSDNHensen,这个后面会用到
  • 创建一个repository,名称开头必须和账号名一样,然后以.github.io结尾

  • 修改配置文件:_config.yml,整个站点的配置都在这里,打开_config.yml文件
  • 找到下面的语句,然后修改你的信息,repository在github仓库中可以复制

  • 如果要修改主题,只需要将主题文件clone到themes目录下,并修改_config.yml配置文件即可

例如进入hexo的themes目录,执行如下指令

然后修改配置文件的theme参数为jacman即可,关于更多主题https://github.com/hexojs/hexo/wiki/Themes



新建博客

站点准备完毕,接下来就是创建博客了,发布博客有两种方式,一种通过命令生成一个博客样板,另一种是直接把Markdown文档拿来使用

  • 命令行生成

新生成的文章都会保存在/source/_posts目录下,打开生成的模板,内容如下

这是生成文档的默认格式,在分割线下面,就可以按照正常的Markdown格式进行写作

  • 文档拷贝:也可以将Markdown拷贝到/source/_posts目录下



生成博客

新增了博客文章后,需要提交到服务器上,老人服装输入以下指令完成将博客生成静态Html文件



发布博客到服务器

安装hexo-deployer-git工具,输入指令

提交到服务器上,提交过程中还需要输入github账号和密码

这个时候你就可以打开你的github,进入repository的setting页面,往下滑,可以看到会显示出你的个人主页网址



快捷命令

Hexo常用命令

起始这些命令都有快捷命令

所有操作就到这里结束了,谢谢观看

原文地址:https://www.cnblogs.com/wangfengxia/p/9626700.html

时间: 2024-08-02 17:55:52

Mac下使用Hexo搭建个人博客的相关文章

Linux下使用Hexo搭建github博客

找到一篇靠谱的博客,备份一下: ---------以下原文------------------ Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以Ubuntu为例,因为我自己一直在使用ubuntu.使用如下命令即可: sudo apt-get install nodejs sudo apt-get install npm Hexo安装 Hexo 是一个功能强大的静态网站生成系统,快速.简洁.高效.Hexo 支持 GitHub Flavored Mar

使用Hexo搭建GitHub博客(2018年Mac版)

关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: [2018更新]小白独立搭建博客-Github Pages和Hexo简明教程 - Ryane的个人页面 - 开源中国 GitHub+Hexo 搭建个人网站详细教程 ※ 为了更优质的排版视觉效果,欢迎移步到简书浏览:使用Hexo搭建GitHub博客(2018年Mac版) 十万个为什么 什么是Hexo 度娘谷歌搜索了Hexo各种资料解说,个人感觉

Linux下使用 github+hexo 搭建个人博客03-hexo配置优化

上两张文章,我们说了 hexo 部署.主题的切换.博文的创建.MarkDown 简单使用和 hexo 部署到 GitHub Pages. 也说了我们会使用 next 主题做为我们后期博客的使用和维护.但是该主题的原生态,可能或多或少不满足我们当前的需求,因此需要我们对其进行优化,达到我们想要的效果. 因此这篇文章和下篇文章主要就是针对主题的优化进行书写的. 注意事项 1.优化完毕或者新建博客后需要 hexo g 生成静态文件: 2.然后重新启动服务,使用命令 hexo s -p 80 3.浏览器

Linux下使用 github+hexo 搭建个人博客04-next主题优化

上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功能和所想的风格. 可参考网站 http://theme-next.iissnan.com/getting-started.html 主题设定 选择 Scheme 修改 next 主题配置文件. 1 [[email protected] next]# pwd 2 /app/softinsall/hex

Hexo搭建个人博客(一)— 前期准备

最近几个月自学python的过程中,搜索爬虫资料的时候关注了xlzd的博客,为我开启了一片新世界,之后慢慢收藏了各方高人的博客.搭建一个自己博客的萌芽也悄然种下,也许是命运使然,在逛知乎的时候偶然间看到如何使用10个小时搭建出个人域名而又Geek的独立博客?,得到了浇灌的萌芽开始茁壮生长.经过几天不懈的没日没夜的努力,解决了各种问题(ps:因为一个bug曾让我一度对自己感到绝望),终于把自己的博客搭建成功.接下来我就把我走过N多弯路后的经验传授给大家,让大家少走弯路轻松愉快地搭建自己的Hexo博

GitHub与Hexo搭建个人博客

GitHub与Hexo搭建个人博客 安装node.js ? 自己百度 安装Git ? 自己百度 创建GitHub仓库 安装hexo ? npm install -g hexo-cli 新建文件夹 初始化文件夹 ? hexo init 安装依赖包 ? hexo install 安装hexo-deployer-git ? npm install hexo-deployer-git --save 在 _config.yml 文件中配置如下 把项目部署到github中的lsqstudy.github.i

基于Hexo搭建个人博客网站

## 准备工作 首先下载[nodejs](https://nodejs.org/en/download/),一路next安装即可.验证是否安装成功: ```bash node -v # 输出 v10.15.1 npm -v # 输出 6.8.0 ``` 接下来更改npm的安装源,这能大大加快安装包的速度. ```bash npm get registry # 输出默认源 https://registry.npmjs.org/ npm config set registry http://regi

github page 和 hexo 搭建在线博客

目录: 安装node.js与git 常用git命令 安装hexo 配置hexo hexo发布到github 1.安装node.js和git工具 https://nodejs.org/en/ 直接下载安装Node.js,有的IDE自带node.js,比如vs2015. 控制台中输入npm查看node.jd是否安装完成 https://git-for-windows.github.io/ windows版的git https://desktop.github.com/ github for wind

hexo 搭建静态博客 + Next 主题配置

参考手册 HEXO:https://hexo.io/zh-cn/ NEXT:http://theme-next.iissnan.com/ 安装hexo npm install hexo-cli -g 或者可以局部安装 hexo npm install hexo -S 初始化博客 hexo init xxx 或者进入到一个空文件夹里,执行:hexo init 网站配置文件详解 # Hexo Configuration ## Docs: https://hexo.io/docs/configurat