个人小站回忆录

6fcfcd1eff3a3f07adf4b9a7f9ec26d7.gif

喜欢就点击上方关注我们吧!

70bbd89a3bd31e512f038a1077ce3182.png

大家好呀!这里是码农后端。对于我来说,今天是一个特别的日子,我的技术博客已经运行一年了,今天刚好是第365天,满打满算刚刚好一年哈哈,这不,写篇文章来纪念一下。

一、简述

我的博客是基于 Hexo+Butterfly主题搭建的,托管在Gitee Pages上。刚开始本来是托管在GitHub Pages上的,但由于GitHub的服务器在国外,访问起来非常慢,而国内的Gitee访问速度相对好一点。

5f83800ac14f4a0d61b1e45940f9daff.jpeg

至于为什么没有购买域名并且备案,我认为这不是重点,好处就是不用担心服务器会挂和被攻击等问题,完完全全的免费啊哈哈,这样就可以专注于笔记文章等的创作了。

个人博客:https://zhengyquan.gitee.io/

二、开始搭建

我清楚地记得那天,是 2023 年 4 月 7 日 13:45:27(d盘Blog文件夹创建的时间),我开始搭建部署个人博客。关于搭建的流程,网上有很多详细教程,这里不再赘述。至于为什么选择 hexo 框架,一是简单,二是页面优美且功能齐全,三是用户多,网上容易找教程…..

当时刚过完清明,是一个平常的周五下午,也没有课,就开始折腾起自己的博客来。至于为什么想要搭建博客,我的想法和大多数人一样:想要有一个自己的网站,可以记录,可以见证…… 整个过程从安装部署到搭建启动,花了将近两个小时,然后就是跟着网上大佬们的教程进行一系列的魔改和优化。

三、创作之旅

虽然 hexo生成的是静态网站,有加载速度快、体积小、性能优等优点。但由于没有后端,只能在部署 Node.js、Git 和安装 VSCode 软件的电脑环境写文章。不过经过这么多天的使用,我也已经习惯了。在我看来,不过是下面三部分的工作。

1、网站页面:访问观看

网站页面呈现出来的效果图如下

bd396b30c6044085411a00ecddcd3214.jpeg

效果演示:

2、vscode:做后端

vscode可以说是写文章的主阵地了,使用vscode+markdown语法编辑文章简直不要太专注,可以说是极具生产力!如下是使用markdown语法编辑文章

59013fce5348bee3f7d090655157e675.jpeg

3、git:发布上线

在我看来,git的作用就是文章的发布上线,当然,此上线非彼上线,是指让我们的文章在个人网站上显示出来。文章在vscode上写完后,就需要使用git了,主要有以下几个命令

d360633696d45a2bf2579aa8b7715173.jpeg

1)清除缓存

hexo clean

2)hexo generate:生成网站静态文件到默认设置的 public 文件夹。

hexo g

3)hexo deploy:自动生成网站静态文件,并部署到指定的仓库。

hexo d

4)hexo server:启动本地服务器,用于预览。默认地址:http://localhost:4000/

hexo s

7c118c90d642b98037101350eccebf80.png

edcb42052925eb7e2f5024c88f395d69.gif

喜欢就点击上方关注我们吧!

479d7aebe4d2db81626043139e57caca.png

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

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

相关文章

华为汽车的“计算+通信”电子电气架构

文章目录 整车结构 硬件平台 软件平台 总结展望 整车EEA(电子电气架构),按照博世提出的演进路径,大致可以划分为四个阶段:分布式模块阶段、区域控制阶段、中央计算阶段、云计算阶段。示例如下: 本文选取…

【.Net】DotNetty

文章目录 概述NIO和BIO、AIODotNetty适用场景DotNetty的整体架构和模块DotNetty的使用示例来源 概述 本系列文章主要讲述由微软Azure团队研发的.net的版本的netty,Dotnetty。所有的开发都将基于.net core 3.1版本进行开发。 Dotnetty是什么,原本Netty是…

openharmony launcher 调研笔记(02)UI 调用逻辑

最近在看launcher,把自己调研的点做个笔记,持续修改更新中,个人笔记酌情参考。 EntryView Column() { PageDesktopLayout(); } .height(this.workSpaceHeight) // this.mWorkSpaceHeight this.mScreenHe…

配置vscode链接linux

1.安装 remote SSH 2.按F1 ssh ljh服务器公网ip 3. 选择保存远端host到本地 某位置 等待片刻后 4. 切换到远程资源管理器中 应该可以看到一台电脑,右键在当前窗口链接,输入你的服务器用户密码后电脑变绿说明远程连接成功 5.一定要登陆上云服务器后再…

如何在没有备份的情况下从 iPad 恢复照片?

有很多操作都可能导致iPad照片丢失,包括误删除、出厂设置、iPad的iOS更新等。如果没有备份,似乎没有办法找回它们。然而,即使您将备份保留在 iCloud 或iTunes上,这些方式也需要您的 iPad 首先重置,从而用备份内容覆盖当…

Vue中如何使用Tailwind CSS样式?多次引用不成功?具体步骤怎么做?

一、安装Tailwind CSS和依赖 在你的Vue项目中安装Tailwind CSS及其依赖。你可以使用npm或yarn来安装。 npm install tailwindcsslatest postcsslatest autoprefixerlatest # 或者yarn add tailwindcsslatest postcsslatest autoprefixerlatest 二、初始化Tailwind CSS np…

【51单片机入门记录】RTC(实时时钟)-DS1302应用

目录 一、DS1302相关写函数 (1)Write_Ds1302 (2)Write_Ds1302_Byte 二、DS130相关数据操作流程及相关代码 (1)DS1302初始化数据操作流程及相关代码 (shijian[i]/10&…

机器学习每周挑战——肥胖数据预测

数据的截图 # 字段 说明 # Gender 性别 # Age 年龄 # Height 身高 # Weight 体重 # family_history_with_overweight 家族肥胖史 # FAVC 是否频繁食用高热量食物 # FCVC 食用蔬菜的频次 # NCP 食用主餐的次数 # CAEC 两餐之间的食品消费:alw…

实现点击用户头像或者id与其用户进行聊天(vue+springboot+WebSocket)

用户点击id直接与另一位用户聊天 前端如此&#xff1a; <template><!-- 消息盒子 --><div class"content-box" :style"contentWidth"><!-- 头像&#xff0c;用户名 --><div class"content-box-top box--flex">&l…

软考115-上午题-【计算机网络】-HTML

一、真题 真题1&#xff1a; alink属性表示一个链接的当前激活状态的颜色&#xff0c;即用户正在点击或已经点击的链接的颜色。 vlink属性用于设定已访问过的超链接文本的显示颜色&#xff0c;即用户已经点击过并且已经访问过的链接的颜色。 真题2&#xff1a; <table bord…

【RISC-V 指令集】RISC-V 向量V扩展指令集介绍(七)- 向量算术指令格式

1. 引言 以下是《riscv-v-spec-1.0.pdf》文档的关键内容&#xff1a; 这是一份关于向量扩展的详细技术文档&#xff0c;内容覆盖了向量指令集的多个关键方面&#xff0c;如向量寄存器状态映射、向量指令格式、向量加载和存储操作、向量内存对齐约束、向量内存一致性模型、向量…

python爬虫学习第十五天-------ajax的get和post请求

嗨嗨嗨&#xff01;兄弟姐妹大家好哇&#xff01;今天我们来学习ajax的get和post请求 一、了解ajax Ajax&#xff08;Asynchronous JavaScript and XML&#xff09;是一种在 Web 开发中用于创建交互式网页应用程序的技术。通过 Ajax&#xff0c;网页可以在不重新加载整个页面…