hexo搭建流程-Mac系统完结帖

最新推荐文章于 2022-01-08 21:03:43 发布
最新推荐文章于 2022-01-08 21:03:43 发布
阅读量503 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ivan_zcy/article/details/82916953
版权

Blog搭建流程(Mac系统完结帖)

Step1 安装Node.js

可通过以下两种方式在 Mac OS 上安装 node.js：

方式一： 在官方下载网站下载 pkg 安装包，直接点击安装即可

方式二： 使用 brew 命令来安装：

  • brew install node

Step2 安装Git

首先查看电脑是否安装Git，终端输入：

git

安装过则会输出下表，然后跳过该步

WMBdeMacBook-Pro:~ WENBO$ git
usage: git [--version] [--help] [-C <path>] [-c name=value]
           [--exec-path[=<path>]] [--html-path] [--man-path] [--info-path]
           [-p | --paginate | --no-pager] [--no-replace-objects] [--bare]
           [--git-dir=<path>] [--work-tree=<path>] [--namespace=<name>]
           <command> [<args>]

These are common Git commands used in various situations:

start a working area (see also: git help tutorial)
   clone      Clone a repository into a new directory
   init       Create an empty Git repository or reinitialize an existing one

work on the current change (see also: git help everyday)
   add        Add file contents to the index
   mv         Move or rename a file, a directory, or a symlink
   reset      Reset current HEAD to the specified state
   rm         Remove files from the working tree and from the index

examine the history and state (see also: git help revisions)
   bisect     Use binary search to find the commit that introduced a bug
   grep       Print lines matching a pattern
   log        Show commit logs
   show       Show various types of objects
   status     Show the working tree status

grow, mark and tweak your common history
   branch     List, create, or delete branches
   checkout   Switch branches or restore working tree files
   commit     Record changes to the repository
   diff       Show changes between commits, commit and working tree, etc
   merge      Join two or more development histories together
   rebase     Reapply commits on top of another base tip
   tag        Create, list, delete or verify a tag object signed with GPG

collaborate (see also: git help workflows)
   fetch      Download objects and refs from another repository
   pull       Fetch from and integrate with another repository or a local branch
   push       Update remote refs along with associated objects

'git help -a' and 'git help -g' list available subcommands and some
concept guides. See 'git help <command>' or 'git help <concept>'
to read about a specific subcommand or concept.

​

​ 如果没有显示上面内容，我们可以通过homebrew安装GIt，若未安装homebrew 则通过终端执行：

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

​ 随后执行一下命令进行Git的安装

brew install git

Step3 注册Github账号并新建仓库

​ 网站链接：Github

​ 注册完账号后需新建一个仓库。注意！！新建的仓库名字必须是username.github.io。例如我username是ivan-zcy，那么仓库名字必须是ivan-zcy.github.io

Step4 配置SSH Key（可省略 建议配置）

这一步能省略 但是配置后更新博客就不用每次都输入用户名密码了

步骤：
​ 1 检查主机是否已存在SSH Key

cd .ssh
ls -la

若输出的文件列表中存在id_rsa.pub 或 id_dsa.pub 文件，则直接跳到第三小步

​

​ 2 创建SSH Key
在终端输入如下命令

ssh-keygen -t rsa -C "your_email@example.com"

按下回车 会让输入文件名，直接回车会创建默认文件名的文件 然后会提示输入两次密码(可为空)

​ 3 添加SSH Key到Github

（如果之前在Github中添加过SSH 则跳过该步）

如果你没有指定文件名（也就是使用默认文件名），那么在.ssh文件夹下会有一个id_rsa.pub文件，打开该文件并复制里面的内容

登录Github，点击右上角头像右边的三角图标，点击Settings --> SSH and GPG keys --> New SSH key。Title 随便填一个，在Key栏中填入复制的内容，点击Add SSH key，就添加成功了

​ 4 检验SSH Key是否配置成功
在终端输入如下命令

ssh -T git@github.com

如果最后出现

Hi username! You've successfully authenticated, but GitHub does not provide shell access.

就说明SSH Key配置成功了

Step5 安装Hexo

使用npm命令安装Hexo

npm install -g hexo

接着在任意位置创建一个文件夹，如Blog，cd到该路径下执行

hexo init

该命令会在目标文件夹内建立网站所需的基础文件

接着安装安装依赖包

npm install

此时本地博客就搭建好了

执行

hexo generate
hexo server

此时可在浏览器中输入http://localhost:4000/进行本地查看（其他人无法访问）

​ 当然 此时可修改本地博客路径下的_config文件对博客进行全局设置，里边设置项挺多就不一一列举啦！自行百度

​

Step6 同步到远程Github仓库

在本地Blog路径下找到_config.yml，把deploy节点修改为：

deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master

（其中 username为你的Github用户名）

为了能够使Hexo部署到GitHub上，需安装一个插件

npm install hexo-deployer-git --save

然后输入以下命令

hexo clean
hexo generate
hexo deploy

这时候就可以在浏览器通过输入username.github.io就可以访问你的博客了

Step7 配置主题

​ 前边写过配置主题的博文 抛出一个传送门：

​ 滴滴，我是传送门

​ （主题在github上 知乎上 hexo官网上有很多很多 适合自己就好）

​

注意点！！！！

一些主题的功能需要我们自己预先创建好对应的页面，例如标签tags 关于about等等等等

此时我们需要在本地Blog路径下

​ 1 添加关于页面（可选）

使用：hexo new page "about"新建一个 关于我 页面。
主题的 _config.yml文件中的 menu中进行匹配

menu:
  home: /      //主页
  categories: /categories //分类
  archives: /archives   //归档
  tags: /tags   //标签
  about: /about   //关于                  （添加此行即可）

​ 也可在本地博客路径 --> source --> about文件下，通过修改其中的index.md对其页面进行配置

​ 2 添加标签页面（可选）

使用： hexo new page tags新建一个 标签 页面。
主题的 _config.yml文件中的 menu中进行匹配

menu:
  home: /      //主页
  categories: /categories //分类
  archives: /archives   //归档
  tags: /tags   //标签                  （添加此行即可）
  about: /about   //关于

​ 也可在本地博客路径 --> source --> tags文件下，通过修改其中的index.md对其页面进行配置

​

​ 除了上边两个之外还有分类categories，自定义页面等等就不一一列举啦 自行百度吧！

Step8 发布博文

​ 接着抛链接：

​ 滴滴，我也是一个传送门

Step9 绑定个人域名

​ 步骤：

​ 1 购买域名

建议从阿里云平台啦之类的国内大型平台购买（这一步通常需要身份验证之类的 大概需要几天时间吧也记不清楚了 反正挺麻烦挺磨唧的）

​ 2 配置DNS地址

进入阿里云控制台 --> 域名 --> 域名列表 找到自己的域名 点击下图红圈圈的“管理”​

在这里插入图片描述

​

​ 3 进行域名解析

找到管理界面下的域名解析 在其中添加3条记录（username是github的用户名）

@          A             192.30.252.153
@          A             192.30.252.154
www      CNAME         username.github.io.

​ 4添加CNAME文件
新建一个名为CNAME的文件(无后缀)，内容为你的域名地址。将该文件放到本地博客的source文件夹里面，并更新到Github

​ 这时候你的博客就建完啦！

​ 最后附上主页地址： 戳我

​ 一起造作吧！！！！

参考链接：

https://segmentfault.com/a/1190000008040387

https://blog.csdn.net/ganzhilin520/article/details/79047249

https://www.jianshu.com/p/e5f95eb990ad

ivan_zcy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Hexo安装后出现 command not found: hexo的解决方案
weixin_34405354的博客
02-15 3588
Hexo 是一个十分便捷的博客搭建工具 但是经常会遇见安装完成后再次打开终端操作的时候提示 command not found: hexo的情况 对应的github的issues中也没有详细的解决办法在这提供一种可行的解决思路 希望能帮助到大家 相关的环境在mac下 部分终端指令在linux下可能有所不同 Hexo安装后 command not found: hexo的解决方法 出现这种情况主...
解决Usage: hexo ＜command＞ Commands: help Get help on a command. init Create a new Hexo fo
gohacker的博客
12-13 1786
Usage: hexo <command> Commands: help Get help on a command. init Create a new Hexo folder. version Display version information. Global Options: --config Specify config file instead of using _config.yml --cwd Specify the CWD ...
搭建私人博客踩过的坑（心酸）
椰子奶糖的博客
08-12 6825
搭建私人博客踩过的坑 最近闲来无事，和小伙伴研究研究搭建私人博客的问题本来，网上关于私人博客的教程有很多，于是照着一步一步下来，于是出事了…真的是“砰砰砰砰砰”，一步一雷，酸爽 事故大概是这样的： cmd下hexo命令可以使用 Microsoft Windows [版本 10.0.17763.615] (c) 2018 Microsoft Corporation。保留所有权利。 C:\...
hexo 发布报错问题记录
GeekDengshuo
01-08 1174
hexo 执行generate 生成后 进行deploy到远程github 出现如下报错： INFO Deploying: git INFO Clearing .deploy_git folder… INFO Copying files from public folder… INFO Copying files from extend dirs… [master c97ec3f] Site updated: 2022-01-08 20:48:45 113 files changed, 3164 i
Hexo的一些基本命令
Toy_IHere的博客
10-12 203
Hexo的一些基本命令 hexo g #完整命令为hexo generate,用于生成静态文件 hexo s #完整命令为hexo server,用于启动服务器，主要用来本地预览 hexo d #完整命令为hexo deploy,用于将本地文件发布到github等git仓库上 hexo n "my article" #完整命令为hexo new,用于新建一篇名为“my article”...
hexo-theme-volantis:Hexo的精彩主题https
04-28
Hexo : 4.2 ~ 5.x hexo-cli : 3.1 ~ 4.x node.js : 12.16 LTS ~ latest LTS npm : 6.13 ~ latest LTS 编辑您的_config.yml ： theme : volantis 在终端中安装Volantis： npm i hexo-theme-volantis 用法 参见...
hexo-tag-steam:为Hexo嵌入Steam标签插件
05-10
为Hexo嵌入Steam标签插件。 演示 入门 安装 npm install hexo-tag-steam --save 用法 {% steam https://store.steampowered.com/app/286000/Tooth_and_Tail/ %} 还是这样？ {% steam 286000 %} 定制 该嵌入具有....
hexo-deployer-ftp:Hexo 的 FTP 部署器插件
06-26
根据您的操作系统，使用apt-get install lftp或brew install lftp安装它。 使能够 将hexo-deployer-ftp添加到_config.yml plugins 。 plugins : - hexo-deployer-ftp 配置 在_config.yml添加host 、 user和root以...
hexo-blog-encrypt：但是，另一个安全性的hexo插件
02-05
除hexo之外，在wordpress，emlog或其他博客系统上加密都很简单。 :( 因此，这是“ hexo-blog-encrypt”的时间。 产品特点 输入正确的密码后，您就可以访问加密帖子，并且密码会在本地记住。 再按一次按钮，存储的...
Hexo之hexo-theme-redefine-main博客主题
最新发布
04-01
Hexo是一款基于Node.js的静态博客框架，它以其简洁、高效和可高度定制化的特点深受开发者喜爱。在众多的Hexo主题中，“hexo-theme-redefine-main”是一个流行的选择，用于构建美观且功能丰富的个人博客。这个主题以...
关于用hexo框架搭建个人博客并部署到GitHub的个人问题集合（待更新）
weixin_45480454的博客
02-28 217
系统：macOS     工具：iTerm2 笔者简单记录总结搭建博客中的错误，有些错误忘记记录了，以下为记录的。希望和大家一起交流。 在使用npm install -g hexo-cli来安装hexo框架时，出现如下错误 简单解读，权限不够无法写入，解决办法就是以管理员身份运行，如下 sudo npm install -g hexo-cli出现如下便成功， 继续往下，在初始化过程...
关于hexo指令错误之Usage: hexo <command> Commands: help Get help on a command.
qq_40196524的博客
10-28 7517
错误如下： $ hexo clean Usage: hexo Commands: help Get help on a command. init Create a new Hexo folder. version Display version information. Global Options: –config Specify config file instead...
Github+Hexo搭载博客
时光星雨
06-10 1397
文章目录安装Hexo什么是 Hexo？安装Git安装node安装Hexo初始化HexoGithub设置创建私人仓库连接Github与本地博客初始配置配置Deployment写新文章命令行执行直接新建md文件网站的渲染和发布个性化修改修改个人信息修改主题参考网页 安装Hexo 什么是 Hexo？ Hexo是一款基于Node.js的静态博客框架。 Hexo 使用 Markdown（或其他渲染引擎）解析...
2021-11-05Mac系统在使用git与hexo搭建博客时遇到的问题
qq_63434799的博客
11-05 1154
前言： 首先，博主是在一开始就是用Mac的，属于萌新用户，因为Mac新手用户在使用Mac系统时与Windows系统有很大的出入，因此往往要耗费大量的时间与精力去查询一些问题。这篇博客逻辑表述可能有一些不严谨，但供新手参考还是可以的。如有不满或补充，请在下方留言或私信博主。 在我们使用git与hexo搭建博客前先注册一个GitHub的账户，并建立一个仓库。如何操作网上有很多详细的步骤，这里就不细说了。 一. 首先Mac系统自带的编译器Xcode是自带git的（若是不确定可以在终端输入命令 node -
利用python解决hexo next主题大量空白行问题
别叫我龙哥的博客
03-24 753
因为感觉hexo好看的主题比jekyll要多，而且hexo是用JavaScript写的，相比较Ruby，对JavaScript也更熟悉，所以干脆使用hexo作为博客框架！但是使用一段时间后发现hexo框架也存在很多小问题，比如生成的html代码有大量的空白行，不知道是我使用的next主题才有这样的问题，还是Hexo框架本身的特性造成的，我注意到，相比jekyll，hexo主题的模块小而多。 ...
Hexo在github上构建免费的Web应用
fens的博客
05-07 290
从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的...
Hexo 命令失效解决
0_0
04-27 3051
Hexo是一个非常好用的静态博客生成器，但是由于很多方面的原因，导致在使用过程中经常出现错误。 今天在启动服务器服务器的时候，一直出现hexo help 的执行页面： Usage: hexo Commands: help Get help on a command. init Create a new Hexo folder. version Display version informatio...
hexo博客出现command not found解决方案
热门推荐
Just do it !
01-13 2万+
由于前一段时间忙于考试，也有好久没有去更新博客了，今天去添加友链的时候，突然发现用不了了，出现了conmand not found的提示：       按照字面上的翻译就是 找不到所使用的命令。我猜想可能是好久没有使用的原因了，于是按照以前的安装教程重新安装了一次安装教程，安装完毕之后，发现还是存在上面的问题，于是去请教大神，先查看各种工具是否都安装好了，在命令行中输入node
npm install hexo-renderer-pug hexo-renderer-stylus --save
02-23
npm install hexo-renderer-pug hexo-renderer-stylus --save 是一个命令，用于安装 Hexo 博客框架所需的两个插件：hexo-renderer-pug 和 hexo-renderer-stylus。这两个插件分别用于渲染 Pug（以前称为 Jade）和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值