使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)
看完这篇,轻轻松松搭建个人博客,校花,班花,额,额
看了就会的博客搭建教程
- 一,搭建前的软件准备(git,node)
- 二, 安装hexo,完成简单本地页面展示
- 三,将Hexo部署到Github
- 1.Github创建个人仓库
- 2.生成ssh添加到Github
- 3.进行部署
- 写在最后:
一,搭建前的软件准备(git,node)
搭建之前需要准备的软件:
Git:官网下载:https://git-scm.com/
Node.js 官网下载:http://nodejs.cn/
如果觉得下载麻烦可以通过网盘下载:
百度网盘下载链接:(Git-2.37.1-64-bit,node-v16.16.0-x64)
链接:https://pan.baidu.com/s/1q5dL1vxwXbFrqPUbmahozQ
提取码:ajpl
二, 安装hexo,完成简单本地页面展示
1.进入cmd窗口输入指令:
npm install -g hexo-cli
2.你可以先创建一个文件夹myblog,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开)。
接下来初始化一下hexo
hexo init
3.查看是否能启动成功
hexo s
新建完成后,指定文件夹目录下有:
node_modules: 依赖包
public:存放生成的页面
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:主题
** _config.yml: 博客的配置文件**
4.复制网址打开
http://localhost:4000/
这是初始界面,我们需要部署到github上。
ctrl+C可以停止;
三,将Hexo部署到Github
1.Github创建个人仓库
首先,需要有一个github账号。登上账号后建一个仓库:仓库名为你的用户名.github.io,
举例如下:
创建一个和你用户名相同的仓库,后面加.github.io,
只有这样,将来要部署到GitHub的时候,才会被识别,也就是xxxx.github.io,其中xxx就是你注册GitHub的用户名.
2.生成ssh添加到Github
在Github上创建仓库完成之后,需要设置ssh免密登录
1.打开cmd窗口:执行如下命令:
git config --global user.name "yourname"
git config --global user.email "youremail"
这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。用户名为仓库的名称,邮箱为注册github的邮箱,举例如下:
防止输错可以检查:
git config user.name
git config user.email
2.接着进入到家目录:C:\Users\libinbin,右击打开git bash 。
输入:
ssh-keygen -t rsa -C 2412757158@qq.com
后面是自己注册github的邮箱,然后敲三次回车,
3.接着就会发现C:\Users\libinbin下多了一个.ssh目录,打开后有一个公钥,一个私钥。id_rsa.pub是公钥,我们需要打开它,复制里面的内容。
然后进入github:
点击setings
进行以下操作
发现我们需要一个密钥,把我们刚刚复制的密钥粘进去,title随便起
点击 Add SSH Key
3.进行部署
这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为
YourgithubName就是你的GitHub账户
1.修改配置文件
修改内容:
deploy:type: gitrepo: git@github.com:goubin18/goubin18.github.io.gitbranch: main
注意:后面有空格
repo:获取步骤如下
点进自己刚刚创建的仓库,复制
2.找到自己的博客路径打开
这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。
npm install hexo-deployer-git --save
2.然后依次执行以下命令:
hexo c #清除缓存文件 db.json 和已生成的静态文件 public
hexo g #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)
注意deploy时会让输个yes
最后回到github上查看自己的仓库:
这就表示上传成功。
现在就可以使用xxx.github.io来访问你的博客啦
例如:我的用户名是goubin18,那么我的博客地址就是goubin18.github.io
举例如下:
写在最后:
现在简单的博客已经搭建完成了
现在你的个人网站的地址是 xxx.github.io,如果觉得这个网址配不上帅气多金的你,你就可以设置个人域名了。但是需要花钱。
小提示:
操作要细心,如果出现了问题可以私信留言,大家一起想办法!
下期预告:设置主题
使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)相关推荐
- 基于hexo框架快速从0到1搭建个人博客----文章写作(四)
基于hexo框架快速从0到1搭建个人博客----文章写作 一.Github图床(图片存储) 二.PicGo(图片上传) 三.jsDelivr(CDN加速) 四.Typora(写文传图) 五.总结 一. ...
- 2020 从0到1搭建个人博客网站,图解超详细!(附带软件资源)
2020从0到1搭建个人博客网站,图解超详细!(附带软件资源) 前言 一.准备工作 1.1 入门知识 1.2 所需软件 1.3 软件下载 总结 二.购买域名及安装软件 2.1 购买域名 2.2 安装软 ...
- django model对象修改_从0到1搭建个人博客-Django(三)
你好,我是goldsunC 让我们一起进步吧! 从0到1搭建个人博客-Django(三) 在以下链接快速回顾系列文章内容 从0到1搭建个人博客-Django(一) 从0到1搭建个人博客-Django ...
- Hexo+gitee,NexT主题搭建个人博客首页图标为方框问题
Hexo+gitee,NexT主题搭建个人博客首页图标为方框问题 1.问题描述 使用Hexo+gitee搭建个人博客时,NexT主题使用的图标显示为方框 2.原因 Access to font at ...
- 基于Hexo+Node.js+github+coding搭建个人博客——进阶篇(从入门到入土)
前言 先附上个人博客链接:http://yangbingdong.com/2017/build-blog-hexo-advanced/ 好久没更新了,因为懒- - 前面介绍了Hexo的一些基本搭建→基 ...
- 用hexo+github pages+独立域名搭建个人博客
摘要 用hexo建立博客这个教程,查阅了很多资料,自己倒腾了两三个小时弄好了. 现在简单记录下,以便不时之需.欢迎来我的博客 https://www.heson10.com 基本环境 Window10 ...
- 手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站
Hello 小伙伴们大家好,我是雷小帅! 想象一下你有一个技术博客,然后把网址写在了简历上,面试官点击鼠标打开了这个网站,然后被惊艳了,最后面试的结果你懂得-- 好了,今天的主题就是手把手教大家从零开 ...
- hexo,史上最全搭建个人博客
前言 2020 - 2 月底鬼使神差的给我的域名 mflyyou.cn 续费三年,2024 - 4 才到期,就琢磨搭建个人网站,Google 了 hexo 中一个自己比较喜欢的主题 hexo-mate ...
- 《0元搭建个人博客史上最详细教程》(阿里云学生服务器+宝塔一键部署篇)
1为什么你需要一个服务器? 如何0元获得服务器? 如何0元获得域名及备案? 如何使用WordPress一键部署? 疫情期间可0元白嫖1年(首次6个月到期后再次申请即可),但是限量得每天8.00准时抢! ...
最新文章
- Keep 再融资以后
- 推荐一本好书《改变,从阅读开始》
- w3cschool教程 - jQuery插件总结
- 【Alpha】第一次Daily Scrum Meeting
- Android測试APP工具(一)
- mybatis 打印SQL语句
- CASE WHEN语句中加IN应该如何使用
- HDU 2014 - 青年歌手大奖赛_评委会打分
- python控制台编写_Python:为控制台prin编写unittest
- 黑马程序员-python笔记-从入门到入职
- 基于HTML5 WebGL 与 GIS 的智慧机场大数据可视化分析
- 爬虫访问中,如何解决网站限制IP的问题?
- 麻瓜编程python web_python web麻瓜编程教程
- 2019最新易桥(HttpPrinter) web打印控件完整版版|HttpPrinter web打印控件下载
- facade模式 java_Java设计模式之外观模式(Facade模式)介绍
- VS2017 离线安装vsix插件
- git报错以及解决方法
- ffmpeg的那点小事儿--编译ffmpeg同时支持libx264(视频编码)和libfdk(音频编码)
- JDBC Driver介绍
- Java 程序员,年薪 40W 需要什么水平?
热门文章
- 有史以来最完美的女人——赵雅芝
- 文本分类 决策树 python_Python中基于决策树的文本分类
- 港科报道 | 香港科技大学(广州)开学典礼隆重举行
- docker容器配置网络流量测试
- ceph 删除和添加osd
- 边坡沉降预测【基于布谷鸟蚁群组合算法优化SVM】Matlab
- java rest 序列化_一文看懂Java序列化
- 网页正文字体设置大中小代码
- TCP协议“三次握手“和“四次挥手“
- 写段子,写文案,看看《脱口秀大会4》