搭建基于Hexo的个人博客,以及git相关命令

全文写完之后的总结

测试命令

hexo clean
hexo g
hexo s

上传到服务器命令

hexo clean
hexo g
hexo d

上传到服务器(如果上一个命令用不了),也要先hexo clean,hexo g

git init
git add .
git commit -m "first commit"
git push -u server main

上传到github仓库

git init
git add .
git commit -m "first commit"
git push -u origin main

一、安装hexo

 参考B站CodeSheep视频:手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo_哔哩哔哩_bilibili

安装node.js

nodejs.org下载长期支持版

用管理员身份进入powershell

node -v

npm-v 查看安装情况

切换镜像源到淘宝

npm install -g cnpm --registry==https://resistery.npm.taobao.org

全局安装hexo

 cnpm install -g hexo-cli

hexo -v 验证是否安装完毕

在桌面建一个文件夹,叫做blog,然后cd进去

hexo init初始化,

hexo s 然后启动博客,能在本地的4000端口访问到

二、写文章

hexo n "文章名字",生成文章,写完了hexo s启动就能看到新的文章

可以使用vscode进入文件夹去编辑,使用的是markdown语法

参考:HTML和markdown-CSDN博客

发布新文章之前记得hexo clean

然后生成需要的文章 hexo g

然后再重新启动hexo s,文章就更新了

三、部署到github上

3.1 新建一个仓库

名称必须是   用户名.github.io,可能是基于流量控制的要求吧,然后复制ssh的路径用来传递代码

3.2 安装部署插件

在vscode终端使用 npm install --save hexo-deployer-git

3.3 配置_config.yml

3.4 部署到远程仓库

hexo d  (d应该是deploy的意思)

需要先远程连接到github的ssh,需要在电脑上提前配置好和github的远程连接:

使用git+ssh访问github,避免下载资源失败-CSDN博客

然后再执行hexo d,就成功上传了

四、访问博客地址thekingofjumpshoot.github.io

如果出现报错如下,网页是404,则需要进行下一步操作

需要在项目处进行设置如图所示

就可以正常访问了

五、安装yilia主题

平时如果git clone 不下来,就使用ssh的链接,去下载代码

这里记住要安装在themes目录下,起名叫做yilia,后边要通过_config.yml进行修改

在_config.yml里切换主题为yilia

然后是一连串的流程:

hexo clean
hexo g
hexo s
hexo d

然后成功切换为yilia主题

也能在公网的github.io上访问了

六、实现公网IP访问

参考自:远程部署_哔哩哔哩_bilibili

文档:hexo本地博客部署到云服务器 | Black Flies

不一样的地方:

我的Ngnix配置文件目录在/etc/nginx/nginx.conf

然后再配置文件的http中间加一段这个,注意一个对齐代码格式,因为可能是python写的讲究对齐

server {listen 80 default_server;listen [::]:80 default_server;root /home/blog;    # 修改为创建的blog目录地址server_name www.example.com; # 需要修改为你的域名(或者公网ip)# Load configuration files for the default server block.include /etc/nginx/default.d/*.conf;location / {}error_page 404 /404.html;location = /40x.html {}}

注意里面的fpgaghost.com是域名,需要修改的。

6.1 在阿里云完成域名解析(不要在cloudflare,太慢了)

即通过域名fpgaghost.com域名访问博客

七、部署到云服务器上

远程部署_哔哩哔哩_bilibili

八、配置免密登录

免密登录配置_哔哩哔哩_bilibili

九、界面美化

参考于:Butterfly 安裝文檔(三) 主題配置-1 | Butterfly

Butterfly 安裝文檔(四) 主題配置-2 | Butterfly

使用Hexo搭建个人博客手摸手教学(10)|ButterFly主题配置一_哔哩哔哩_bilibili

下载butterfly主题:

 git clone git@github.com:jerryc127/hexo-theme-butterfly.git .\themes\butterfly

切换使用butterfly,出现界面显示不出来,在csdn上面下载用了这个命令:

npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

但是有威胁警告,先不管了。

9.1 设置标签页

hexo new page tags

默认生成位置如下,记得改类型为tags

type: "tags"

9.2 设置新的主题页

hexo new page categories

9.3 创建友情链接

hexo new page link

9.4 制作博客的导航栏

缩进是两个空格

生成的导航栏会自动匹配到source下面的文件夹

9.5 添加联系方式

在里面找到想要的图标https://fontawesome.com/icons?from=io

然后弄到它的类名,如图

然后点击图标就能跳转到抖音界面

同样再添加哔站,特别注意邮箱前面需要加上mailto:

9.6 文章展现

2是在有描述的时候,展现文章名称和描述。

9.7 各种地方的图片

9.8 设置置顶文章

在文章的开头设置

效果如图

9.9 安装搜索插件

npm install hexo-generator-search --save

在blog的conf文件补上这一行

#搜索插件
search:path: search.xmlfield: postformat: htmllimit: 10000

在themes的butterfly下面打开local_search

就可以在页面进行搜索了。

9.10 实现同时部署到

十、git的版本控制

git实现代码版本控制-CSDN博客

十一、为域名申请SSL证书

参考网址:https://www.youtube.com/watch?v=cu1RPI18cR8&t=526s

文档:https://naiyous.com/2256.html

十二、配置证书,实现https访问

参考博客:Hexo搭建个人博客 | Black Flies

将证书文件夹复制到/home目录下的fpgaghost,里面有证书和私钥

监听443端口的server块代码

server { listen 443 ssl http2 default_server;listen [::]:443 ssl http2 default_server;server_name fpgaghost.com;root /home/blog;ssl_certificate "/home/fpgaghost/cert.crt";ssl_certificate_key "/home/fpgaghost/private.key";ssl_session_timeout 10m;ssl_ciphers ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256;ssl_protocols TLSv1.2 TLSv1.3;ssl_prefer_server_ciphers on;
}

至此,完成https的访问

十三、修改简历界面

将导航的简历,对应的界面指向resume文件夹

在source文件夹下创建一个叫做resume的目录,然后使用hexo new page tags命令创建一个新的标签页,放在resume目录下,更改type为"resume"

这样就会自动导航的resume标签

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/307990.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

jenkins下载安装(mac)

下载官网 具体 直接命令安装 Sample commands: Install the latest LTS version: brew install jenkins-ltsStart the Jenkins service: brew services start jenkins-ltsRestart the Jenkins service: brew services restart jenkins-ltsUpdate the Jenkins version: brew u…

在Linux上利用mingw-w64生成exe文件

一、概要 1、elf与exe 在Linux上用gcc直接编译出来的可执行文件是elf格式的,在Windows上是不能运行的 Windows上可执行文件的格式是exe 利用mingw-w64可以在Linux上生成exe格式的可执行文件,将该exe文件拷贝到Windows上就可以运行 2、程序要留给用户…

数据结构——单链表(C语言版)

文章目录 一、链表的概念及结构二、单链表的实现SList.h链表的打印申请新的结点链表的尾插链表的头插链表的尾删链表的头删链表的查找在指定位置之前插入数据在指定位置之后插入数据删除pos结点删除pos之后的结点销毁链表 三、完整源代码SList.hSList.ctest.c 一、链表的概念及…

PVE下安装配置openwrt和ikuai

开端 openwrt 和 ikuai 是比较出名的软路由系统。我最早接触软路由还是因为我的一个学长要改自己家里的网络,使用软路由去控制网络。我听说后便来了兴致,也在我家搞了一套软路由系统。现在我已经做完了,就想着写个文章记录一下。 软路由简介…

Flutter中间镂空的二维码扫描控件

1、UI效果图&#xff1a; 2、中间镂空UI&#xff1a; class CenterTransparentMask extends CustomClipper<Path> {final double? width;CenterTransparentMask({this.width});overridePath getClip(Size size) {final path Path()..addRect(Rect.fromLTWH(0, 0, size…

Navicat Premium 16 for Mac/Win:数据库管理的全能之选

在数字化时代&#xff0c;数据库管理已成为各行各业不可或缺的一环。而Navicat Premium 16作为一款功能强大的数据库管理软件&#xff0c;无疑为数据库管理员和开发者提供了高效、便捷的解决方案。 Navicat Premium 16支持多种主流数据库系统&#xff0c;无论是MySQL、Postgre…

MyBatis批量插入的五种方式

MyBatis批量插入的五种方式: 一、准备工作 1、导入pom.xml依赖 <dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!-- MySQL驱动依赖 --…

R:普通分组柱状图

输入文件实例&#xff08;存为csv格式&#xff09; library(ggplot2) library(ggbreak)# 从CSV文件中读取数据 setwd("C:/Users/fordata/Desktop/研究生/第二个想法(16s肠型&#xff0b;宏基因组功能)/第二篇病毒组/result/otherDB") data <- read.csv("feta…

UI自动化测试案例

备注:本文为博主原创文章,未经博主允许禁止转载。如有问题,欢迎指正。 个人笔记(整理不易,有帮助,收藏+点赞+评论,爱你们!!!你的支持是我写作的动力) 笔记目录:笔记本~笔记目录_airtest和selenium那个好用-CSDN博客 个人随笔:工作总结随笔_8、以前工作中都接触过哪…

工厂方法模式:解锁灵活的对象创建策略

在软件设计中&#xff0c;工厂方法模式是一种非常实用的创建型设计模式&#xff0c;它不仅提升了系统的灵活性&#xff0c;还简化了对象的创建过程。本文将详细探讨工厂方法模式的核心概念、实现方式、应用场景以及与其他设计模式的对比&#xff0c;旨在提供一份全面且实用的指…

K8s 命令行工具

文章目录 K8s 命令行工具kubectl 工具在任意节点使用kubectl方式创建对象命令显示和查找资源更新资源修补资源编辑资源Scale 资源删除资源查看pod信息节点相关操作 K8s 命令行工具 在搭建集群的时候&#xff0c;我们通过yum 下载了kubeadm kubelet kubectl 三个命令行工具&…

通过本机调试远端路由器非直连路由

实验目的&#xff1a;如图拓扑&#xff0c;通过本机电脑发&#xff0c;telnet调试远程AR4设备。 重点1&#xff1a;通过ospf路由协议配置拓扑网络&#xff0c;知识点&#xff1a;ospf配置路由器协议语法格式&#xff0c;area区域的定义&#xff0c;区域内网络的配置&#xff0…

量子信息产业生态研究(一):关于《量子技术公司营销指南(2023)》的讨论

写在前面。量子行业媒体量子内参&#xff08;Quantum Insider&#xff09;编制的《量子技术公司营销指南》是一本实用的英文手册&#xff0c;它旨在帮助量子科技公司建立有效的营销策略&#xff0c;同时了解如何将自己定位成各自的行业专家。本文对这篇指南的主要内容进行了翻译…

4. Django 探究FBV视图

4. 探究FBV视图 视图(Views)是Django的MTV架构模式的V部分, 主要负责处理用户请求和生成相应的响应内容, 然后在页面或其他类型文档中显示. 也可以理解为视图是MVC架构里面的C部分(控制器), 主要处理功能和业务上的逻辑. 我们习惯使用视图函数处理HTTP请求, 即在视图里定义def…

react17+antd4 动态渲染导航菜单中的icon

在路由信息对照表中的icon可以有两种形式&#xff1a;一种是组件形式&#xff0c;一种是字符串形式的。 在antd4的Menu.Item和SubMenu中的icon属性的格式为&#xff1a; 1.组件形式 这种方法在渲染时很方便&#xff0c;与antd中的Menu.Item中的icon属性的形式是一致的&#…

微信小程序全屏开屏广告

效果图 代码 <template><view><!-- 自定义头部 --><u-navbar title" " :bgColor"bgColor"><view class"u-nav-slot" slot"left"><view class"leftCon"><view class"countDown…

MySQL-进阶篇-一条sql更新语句是如何执行的(redo log和binlog)

上一篇&#xff1a;一条sql查询语句是如何执行的 http://t.csdnimg.cn/nV3EY 摘自&#xff1a;林晓斌MySQL实战45讲——第二篇 更新语句的执行过程与上一篇查询流程相同&#xff0c;本篇简写。 但多了两个重要的日志模块&#xff1a;redo log&#xff08;重做日志&#xff0…

初学ELK - elk部署

一、简介 ELK是3个开源软件组合&#xff0c;分别是 Elasticsearch &#xff0c;Logstash&#xff0c;Kibana Elasticsearch &#xff1a;是个开源分布式搜索引擎&#xff0c;提供搜集、分析、存储数据三大功能。它的特点有&#xff1a;分布式&#xff0c;零配置&#xff0c;自…

《黑马点评》Redis高并发项目实战笔记(上)P1~P45

P1 Redis企业实战课程介绍 P2 短信登录 导入黑马点评项目 首先在数据库连接下新建一个数据库hmdp&#xff0c;然后右键hmdp下的表&#xff0c;选择运行SQL文件&#xff0c;然后指定运行文件hmdp.sql即可&#xff08;建议MySQL的版本在5.7及以上&#xff09;&#xff1a; 下面这…

MySQL——查询数据的处理

一、并列 连接两个数据列的值&#xff0c;并进行输出的格式化处理&#xff08;显示为一种统一的格式&#xff09; concat( 列 1 格式化字 符 ) mysql> select concat(vend_name, vend_country) from vendors; --------------------------------- | concat(vend_name, ve…