首页 > 其他分享 >Hexo+github搭建个人博客

Hexo+github搭建个人博客

时间:2023-06-11 11:02:35浏览次数:47  
标签:git Hexo hexo cmd 博客 blog github 搭建


所以呢一直想自己搭一个有自己个性域名的博客。。昨晚花了一点时间用Hexo+github搭好了,地址是https://xwj-scarf.github.io/逼格瞬间上了一个档次有没有。。


前期工作

下载node.js和git,安装hexo

nodejs.org/en/ 上下载安装Node.js,一路下一步就好了 下载完成后在cmd输入node -v,就能打印出版本号,否则就要设置一下环境变量了


https://git-scm.com/downloads下载对应平台的git安装包,也是一路下一步,然后测试git --version


然后cmd进入nodejs安装目录下,输入 npm install hexo 安装hexo

Hexo+github搭建个人博客_git


稍等以后cmd 输入 , 因为我这里已经创建过blog文件夹了,所以我是直接cd就可以了,这里的blog文件名是你自己定的,不一定非要是blog

mkdir blog && cd blog



然后执行


hexo init




安装依赖包


npm install





Hexo+github搭建个人博客_git_02


这时候一个简单的本地博客就建立完成了  我们可以通过输入 hexo命令然后在本地访问http://localhost:4000即可



hexo g
hexo s



Hexo+github搭建个人博客_git_03




好了这时候你就可以在本地看到你的博客了,但是我们想把它弄到网上怎么办呢?这时候就要借用github了

注意:此时先别把cmd窗口关闭

我们先去github上注册账号啥的,就省略了

注册完成,我们创建一个代码仓库

Hexo+github搭建个人博客_github_04

Hexo+github搭建个人博客_git_05

仓库的名字和你的用户名一样并且加后缀,这里我已经创建过这样一个仓库了所以会提示已存在,其他的也不用设置就创建好了


然后呢我们进去这个仓库的Setting里面往下拉有个GitHub Pages,在Choose a theme里面选择一个样式

Hexo+github搭建个人博客_文件名_06

Hexo+github搭建个人博客_git_07

然后呢我们回到仓库的首页

Hexo+github搭建个人博客_git_08

找到这样一个链接,复制下来


进去我们的blog文件夹下,

Hexo+github搭建个人博客_文件名_09

打开这个文件

在最后添加代码 (注意每个冒号后面都要有一个空格

Hexo+github搭建个人博客_文件名_10

这时候回到你的cmd窗口 

输入 

npm install hexo-deployer-git --save
hexo g
hexo d



然后呢我们在浏览器上打开你的.github.io,应该就能看到相应的页面了


附加:我第一次创建的时候虽然每个步骤都没意外的做下来了,但最后呢还是显示不了页面,返回仓库显示页面暂时创建不成功,请稍后尝试的话那么就别试了,直接第二天起来再弄一次,正确做下来的话GitHub Pages这里会显示Your site is published at XXX.github.io的,出现了这个说明就成功了 

Hexo+github搭建个人博客_github_11




然后呢我们打开之后发现页面有点单调,我们想换一个主题


我们来到hexo的github下   https://github.com/hexojs/hexo/wiki/Themes


挑选一个自己喜欢的,然后在blog下右键选择 Git Bush Here



Hexo+github搭建个人博客_github_12

输入这条指令,最后的themes/alex是保存在哪里,是可以自己定的



然后我们再打开_config.yml文件修改一下theme参数



Hexo+github搭建个人博客_git_13




最后呢我们再执行一次  hexo g (重新生成blog)  hexo d (部署本地blog到github上)再打开浏览器刷新一下就可以了




测试自己的第一篇文章:


在blog文件下的source下的_posts

Hexo+github搭建个人博客_git_14

就存放着博客的文章,我们随便用MarkDown写一个,然后呢老方法 hexo g  然后 hexo d 过一两分钟刷新一下就能看到更新的文章了



Hexo+github搭建个人博客_git_15




这样呢我们的博客就大体完成了,还有很多可以完善的功能呢~是不是很有趣的赶紧动手创建自己的博客吧



感谢参考博文:


https://zhuanlan.zhihu.com/p/24043360

标签:git,Hexo,hexo,cmd,博客,blog,github,搭建
From: https://blog.51cto.com/u_16156555/6457189

相关文章

  • 一款能“干掉” ChatGPT 的应用「GitHub 热点速览」
    据说有了它,ChatGPT就可以靠边站了。因为Auto-GPT能更加主动地完成你给他的指定任务,不用做更多的人为干涉,它的推理能力比ChatGPT更强,有人用它解放双手做了个React网站。当然除了升级的Auto-GPT之外,还有DeepSpeed,它能极大地降低训练成本。这两个项目可是本周的明星项目,一个......
  • 使用GithubAction自动构建部署项目
    目录1.1项目准备2.1GithubAction设置3.1运行测试4.1小结GitHubActions是一种持续集成和持续交付(CI/CD)平台,可用于自动执行生成、测试和部署管道。您可以创建工作流程来构建和测试存储库的每个拉取请求,或将合并的拉取请求部署到生产环境。GitHubActions不仅仅是DevOps,还......
  • Golang 定时任务 github/robfig/cron/v3
    robfig/cron/v3 是一个Golang的定时任务库,支持cron表达式。低耦合高内聚,其中涉及装饰器模式,并发处理等。packagemainimport"github.com/robfig/cron/v3"c:=cron.New()//添加一个任务,每30分钟执行一次c.AddFunc("30****",func(){fmt.Println("Everyho......
  • linux环境下使用压缩包、docker、docker-compose搭建nacos集群
    本篇文章介绍如何在linux系统上安装nacos和搭建集群,本文章使用的是centos7系统。本机搭建nacos1、准备工作Nacos依赖 Java需要三台linux服务器,条件有限的可以安装虚拟机,内存有限那就只需要安装一台虚拟机,然后开启不同端口就可以,所以最低的条件是你需要安装一个centos7版本的虚拟......
  • 从零玩转系列之微信支付实战基础框架搭建
    一、前言halo各位大佬很久没更新了最近在搞微信支付,因商户号审核了我半个月和小程序认证也找了资料并且将商户号和小程序进行关联,至此微信支付Native支付完成.此篇文章过长我将分几个阶段的文章发布(项目源码都有,小程序和PC端)在此之前已经更新了微信支付开篇、微信支付安全......
  • Net Core环境搭建Hangfire项目
    添加相关代码配置。1.因hangfire的任务需要数据库持久化,我们在Startup类中修改ConfigureServices,简单配置如下:varconnection=Configuration["ConnectionsStrings"];//数据库链接配置services.AddHangfire(x=>x.UseSqlServerStorage(connection));如果需要配置详细......
  • 投票活动小程序开发搭建
    由于小程序是基于微信开发者工具编写的,因此我先介绍一下需要使用的工具和技术:-微信开发者工具:用于开发、调试和发布小程序。-小程序云开发:用于存储数据和进行后端逻辑处理。-uni-app框架:uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Androi......
  • 服务器内网可以打开外网打不开怎么办?网站搭建后打不开怎么办?
    开服或是做网站建设的朋友在搭建网站的时候有遇到搭建网站后打不开的情况吗?相信应该有挺多新手小白是会遇到的,今天我给大家分享一下搭建网站打不开的解决方法首先需要分2种情况,第一种是外网和服务器都是打不开的,这个是什么原因导致的呢?若是遇到外网和服务器都打不开搭建的网站,第一......
  • gitlab搭建私有化服务
    暂时还没有资源进行搭建,先看看记录一下调研信息。搭建流程:https://www.likecs.com/show-307842527.htmlhttps://blog.csdn.net/m0_46090675/article/details/120853935/gitlab下载地址:https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el7/......
  • Linux搭建elasticsearch 7.x 版本
     安装方式传统方式根据平台系统Windows、linux、mac下载安装包以linux为例,进入到想安装的目录位置,下载安装包并解压#进入安装目录cd/home#下载安装包wgethttps://artifacts.elastic.co/downloads/elasticsearch/elasticsearch-7.17.3-linux-x86_64.tar.gz#解压tar-z......