史上最快搭建Hexo博客教程!

前言

此处是废话,可以跳过。
  作为一名未来的挨踢人,博客是必不可少的一个工具,记录日常中做的项目,遇到的Bug等等(好记性不如烂笔头嘛!)
   目前,国内的博客平台主要有CSDN,博客园,简书等,但是他们往往无法满足人们个性化的要求,因此,我们选择白嫖Github 提供的Github Pages(静态网页托管服务) 搭建我们的静态博客。
  目前静态博客框架主要有Hexo,Hugo,Jekyll,Ghost,Gridea,此处博主选用Hexo,Hexo网上资料比较多😉

Github 配置

开启Github Pages服务

  1. 首先你需要有一个GitHub账号:如果没有,点击这里注册,过程不详述.
  2. 新建一个GitHub仓库,图例奉上:
    点击主页的加号,选择 New repository新建re
    后进入此页面:Repository name处(仓库名称)切记命名为Username.github.io,([你的Github用户名]+[.github.io]),可能你会对仓库命名(Username.github.io)感到不解,这是Github Pages的命名规范,疑惑解答详见官方文档在这里插入图片描述

安装配置Git Bash

下载官网,选择合适的版本,如果没有梯子的话,建议用迅雷下载。

  • 查看是否安装成功: 安装完成后,在cmd窗口输入命令git --version #查看git版本号 cmd打开方法:快捷键win+R打开运行,输入cmd回车即可进入命令提示符.
    配置Git Bash:打开Git Bash ,输入git config --global user.name" " 回车,配置用户名,再输入git config --global user.email" "回车,配置邮箱

  • 配置SSH免密登录:打开Git Bash,输入ssh-keygen -t rsa -C "your_email@youremail.com",然后一直回车就OK,
    再然后转到 .ssh目录下:id_rsa和id_rsa.pub,用记事本打开.ssh目录下的id_rsa.pub文件,复制里面的内容;转到Github,点击Settings ,选择SSH and GPG keys 标题随意填写,在Key处填入刚才复制的公钥。

  • 测试 ssh :输入 ssh -T git@github.com,出现Successfully,至此配置完成;
    操作图例:在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

安装Node js

  1. 点击此处,访问官网,下载相应版本.
  2. 检验是否安装成功,在cmd中输入node -v npm -v,出现相应版本号,至此安装完成。

Hexo配置

  1. 替换原有镜像源,安装命令:
npm i -g cnpm --registry=https://registry.npm.taobao.org  

  1. 安装hexo
 cnpm install hexo-cli -g  
 cnpm install hexo-deployer-git --save  
  1. Hexo初始化
	 1. 新建文件夹,用于存放博客文件。
	 2. 使用Gitbash进入到该文件夹下:
	 
	  	-  鼠标右键点击该文件夹,选择Git Bash Here,
	  	-  或者打开gitbash,输入命令`cd 文件夹绝对路径`
	
	  3.  在Gitbash内输入以下命令:hexo init


  1. Hexo 文件配置
    1. 关联远程仓库 打开博客文件夹下的_config.yml(主配置文件),在文件末尾加入以下内容
      ,并修改相应的配置信息。
deploy:
  type: git
  repository: git@github.com:username/username.github.io #username替换为你的用户名
  branch: master

操作图例:

在这里插入图片描述

至此,博客初步搭建完成,执行以下命令,即可打开 http://localhost:4000/或者访问xxx.github.io 查看效果

 hexo g #生成静态文件
 hexo d#部署到github
 hexo s  #启动端口

显示以下信息说明操作成功:

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

常用命令

 hexo init //初始化博客文件
 hexo g  //生成静态文件
 hexo d   //部署到github
 hexo s  //启动端口
 hexo clean //清除缓存
 hexo new post "postname" //生成新文章
 hexo new page "pageName" //新建页面
 hexo version  	      //查看hexo的版本

更换主题

打开GitHub,搜索hexo theme,挑选喜欢的主题,使用Git Bash克隆到博客目录下的themes文件夹下. ,修改博客目录下的_config.yml文件.找到theme,将默认的landscape替换为你心仪的主题即可,Github克隆速度不太稳定,推荐使用码云作为中转,然后再用Git Bash克隆到本地。在这里插入图片描述
主题个性定制等有缘再更,推荐多阅读官方文档. Hexo

推荐

  1. hexo-admin #方便管理文章
  2. hexo-blog-encrypt #加密文章
  3. typora #好用的markdown写作工具
  4. PIGO+又拍云等 #作为图床
  5. 购买自己的域名 #
    目前国内Github访问速度不是很理想,你也可以用国内的码云,coding等,但是他们的限制比Github多,推荐(V2,SSR,XX-net) ,至此,就可以开始你的折腾了!
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Hexo是一个基于Node.js的静态博客框架,可以帮助你快速搭建个人博客。在Mac上搭建Hexo个人博客的步骤如下: 1. 安装Node.js:首先确保你的Mac上已经安装了Node.js,可以在终端中输入`node -v`来检查是否已经安装。如果没有安装,可以去Node.js官网下载并安装。 2. 安装Hexo:在终端中输入以下命令来安装Hexo: ``` npm install -g hexo-cli ``` 3. 创建博客:在终端中选择一个合适的目录,然后执行以下命令来创建一个新的Hexo博客: ``` hexo init myblog cd myblog npm install ``` 4. 配置博客:在博客目录下找到 `_config.yml` 文件,使用文本编辑器打开进行配置。你可以设置博客的标题、描述、作者等信息,还可以选择主题和插件。 5. 编写文章:在终端中执行以下命令来创建一篇新文章: ``` hexo new "My First Post" ``` 这将在 `source/_posts` 目录下创建一个新的Markdown文件,你可以使用Markdown语法来编写文章内容。 6. 生成静态文件:在终端中执行以下命令来生成静态文件: ``` hexo generate ``` 生成的静态文件将会存放在 `public` 目录下。 7. 预览博客:在终端中执行以下命令来启动Hexo服务器并预览博客: ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000` 就可以看到你的博客了。 以上就是在Mac上使用Hexo搭建个人博客的基本步骤。如果你想了解更多关于Hexo的详细配置和使用方法,可以查阅Hexo官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值