代码编织梦想

每一名开发者,都期望有属于自己的技术博客网站,这其中更多的人依赖CSDN、博客园、掘金等去分享技术性文章。本文的目的是带着大家快速搭建一个属于自己的免费博客网站,其实现原理:先用Hexo 把提前写好的 md 文档代码生成静态页面,然后利用码云 pages 这个静态网站托管功能,部署打包好的代码。

在这里插入图片描述

一、前期准备

1.1 注册 Gitee 账号

注册一个属于自己的 Github 或 Gitee 账号,本文采用 Gitee 演示。
Gitee,俗称 码云,是国内一个基于 Git 的代码托管 和 研发协作平台。
Gitee 官网地址:https://gitee.com/

Gitee 相对于 Github 的优势有以下几点:

  • 由于大家都懂的原因,访问 Github 的速度会非常慢,有时候甚至出现访问失败的情况。而 码云 由于是国内的平台,能够让你体验飞一般的速度。
  • 和GitHub相比,码云除了提供免费的Git仓库外,还集成了代码质量检测、项目演示等功能。对于团队协作开发,码云还提供了项目管理、代码托管、文档管理的服务,5人以下小团队免费。

注册及创建仓库过程大家可以百度,非常简单。

1.2 安装 Git

下载地址
选择对应的系统平台,下载后,傻瓜式安装即可。
安装完成后,打开运行 --> 输入CMD命令,回车打开命令行窗口
输入以下Git指令

git --version

出现版本号,即代表 git 安装成功

1.3 Git 和 Gitee 建立联系

任意目录下,打开 git bash 命令行,输入以下命令生成公钥:

ssh-keygen -t rsa -C 邮箱

回车出现 (y/n), 输入 y , 连续点击回车,即可生成。
打开目录 C:\Users\Dell.ssh 目录,找到 id_rsa.pub 文件,使用记事本打开:

注意:不同电脑,用户目录有所差异。

返回到浏览器中找到刚刚云端仓库创建完成的 gitee 页面,右上角找到个人信息点开,找到 ”设置“ 并打开,找到左侧栏 ”安全设置“ 中的 ”SSH公钥“
生成公钥的官方指导步骤
默认公钥数量为 0,在 ”添加公钥“ 栏目下,添加 ”标题“ 和 ”公钥“

注:标题名字为自定义 公钥为刚刚用记事本打开的 ”id_rsa.pub“ 文件中的内容

粘贴完成后,点击确定。此时就会显示 ” 您当前的SSH公钥数:1 “。
输入以下指令,进行全局配置:

git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"

将纳入版本库的文件,提交到 gitee 远程仓库:

git add .
git commit -m 'first commit'
git remote add origin 你的仓库地址
git push -u origin master

此时,提交完成,打开浏览器,输入你的仓库地址,刷新即可看到文件。

1.4 安装 Node

Node.js® 是一个开源、跨平台的 JavaScript 运行时环境。
Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
Node 下载地址
中文地址

安装过程比较简单,傻瓜式安装即可。

安装完成,打开命令行执行以下命令

node  -v

出现版本号,即安装成功。默认自带包管理器 npm,可通过以下命令验证

npm -v

1.5 安装 Hexo

Hexo 是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. 具有强大的插件整合系统。
官网地址
全局安装

$ npm install -g hexo-cli

对于熟悉 npm 的进阶用户,可以仅局部安装 hexo 包

$ npm install hexo

在任意位置创建一个文件夹。打开文件夹后鼠标右键,选择Git Base -> Git Base Here
输入以下指令Hexo 即会自动在目标文件夹建立网站所需要的所有文件。

hexo init

刷新下文件夹 ,会有以下的目录
在这里插入图片描述
在这里插入图片描述

红框内的文件是需要自己打包生成的

package.json 中的代码:

{
  "name": "magnum-blog",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": "6.3.0"
  },
  "dependencies": {
    "hexo": "^6.3.0",
    "hexo-deployer-git": "^4.0.0",
    "hexo-generator-archive": "^2.0.0",
    "hexo-generator-category": "^2.0.0",
    "hexo-generator-index": "^3.0.0",
    "hexo-generator-tag": "^2.0.0",
    "hexo-renderer-ejs": "^2.0.0",
    "hexo-renderer-marked": "^6.0.0",
    "hexo-renderer-stylus": "^2.1.0",
    "hexo-server": "^3.0.0",
    "hexo-theme-landscape": "^0.0.3"
  }
}

相关指令如下

# 安装依赖包
npm install
# 构建
npm run build
# 启动
npm run server

启动后 输入路径 localhost:4000 到游览器即可看到效果了,类似这样的网站
在这里插入图片描述

我这里替换了网站默认的主题,地址:https://hexo.io/themes/

在这里插入图片描述
选中自己喜欢的主题了吗?这个时候可以进入到指定主题的 github 中,把它下载下来吧
在这里插入图片描述
把下载下来的压缩包解压,放到 hexo/themes 中
在这里插入图片描述
返回上一级,打开_config.yml,将里面 theme 对应的值进行修改
在这里插入图片描述
重新执行命令

npm run server

刷新页面,就出现你想要的主题啦!!!

Hexo 中_config.yml 文件的其他配置

二、开发

选择你习惯使用的 md 工具,去开始你的博客开发之旅吧。
需要注意的是,博客内部开头要加上这些哦!

---
# 文章标题
title: Hello My Bolg
# 文章日期格式:2018-05-30 15:20:36
date: 
# 文章标签
tags: 
# 文章分类
categories:  
---

写一个 home.md 内容如下:

---
title: '我的博客首页'
---

<pre>
     《春江晚景》
    竹外桃花三两枝,
    春江水暖鸭先知。
    茼蒿满地芦芽短,
    正是河豚欲上时。
</pre>

将写好的 .md 文件放入 hexo 文件夹下的 source 目录下的 _posts 文件夹中,可以看到里面有个hello-world.md 文件,这是默认的文章。
启动 npm run server ,刷新页面
在这里插入图片描述

三、部署码云

博客目录内右键打开 PowerShell,执行以下命令

# 安装 hexo-deployer-git 插件(将代码推送到码云用)
npm install hexo-deployer-git --save

在这里插入图片描述
打开 hexo 根目录的_config.yml 文件,修改 deploy 的值
在这里插入图片描述
执行如下命令,将代码部署至码云

hexo deploy 

推送完成,去你码云的项目地址,刷新看看,就有了刚刚上传的文件了
在这里插入图片描述
点击“服务”,选择“Gitee Pages”
在这里插入图片描述

注意:这一步出于监管原因需要实名认证(需要上传身份证),认证完成后,才可继续操作。

选择指定分支,启动服务,通过点击相关地址就可以查看你的博客啦!!!
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_39335404/article/details/129611203

linux安装jdk1.8出现错误bash: export java_home=/usr/local/java/jdk1.8.0_144: 没有那个文件或目录_秋夜无霜的博客-爱代码爱编程_export java_home

昨天在公司一台物理机配置环境,安装jdk1.8 从oracle官网下载1.8 tar包,然后解压,并配置环境变量 但是 执行source /etc/profile遇到如下截图问题: bash: export JAVA_H

gitee+hexo搭建个人博客_不会画画的画师的博客-爱代码爱编程

Gitee: 由于github在国外,被墙了,于是把目光投向了国产Github,Gitee,算是支持国产吧。 Hexo:一个快速、简洁高效的博客框架,使用Markdown解析文本。 环境搭建 安装Node.js Win

hexo+gitee搭建个人博客-爱代码爱编程

导语: 作为一个未来计算机行业的从事者,写博客是一个很有益处的事情。博客可以记录我们的学习历程,分享学习知识,也可以加深对技术的理解,坚持写博客的同时也是一件很有成就感的事情。相比于常见的博客工具,一些存在着大量的广告,一些是简陋的界面。这时,个人博客的优点便得以突出。今天和大家分享一下使用gitee+hexo来搭建个人博客。 hexo是什么? He

linux运行服务提示报错/usr/bin/java: 没有那个文件或目录-爱代码爱编程

如果是直接从官网下载的jdk解压安装,那么/usr/bin/没有java的软连接,即/usr/bin/java,所以即使在/etc/profile中配置了jdk的环境变量也没用,识别不到。 方法一:用java的执行路径配置/usr/bin/java软连接(优先选择,任何手动添加的服务,都需要读取这个软连接,比如systemctl start jenkin

Gitee+Hexo搭建博客网站-爱代码爱编程

Gitee+Hexo搭建博客网站 一、环境配置 安装前准备 gitVScode(个人建议)Nodejs7z二、Hexo安装 首先配置npm的淘宝源,安装完成后可通过npm info hexo查看是否配置淘宝源成功: npm config set registry https://registry.npm.taobao.org 之后安装hexo

使用Gitee+Hexo免费搭建自己的博客-爱代码爱编程

原文链接:https://blog.wanvale.com/archives/130/ 写在前面 概述 作为一个搞技术的人,有属于自己的blog不管是面试还是开发中都是很有帮助的。把一些容易遗忘的技术问题写在blog里,自己查阅也是很方便的。 很多人选择csdn博客、博客园、简书这些BSP(Blog Service Provider)提供的博客服务,

Gitee+hexo 搭建一个属于自己的博客平台-爱代码爱编程

准备工作——应该知道的背景 从上个与开始需要每两周给老板汇报一次工作,在这个过程中获益匪浅,终于明白了写总结的重要性,于是心里萌生自己建一个博客的想法。有想法就要立刻行动起来。之前也略微听过说 Github 和 Gitee 都提供网页服务,但是具体的还不清楚。通过简单的查阅选择了 Hexo 和 Gitee 搭配来搭建自己的博客。 Gitee Gi

Gitee + Hexo 搭建个人博客-爱代码爱编程

安装 Hexo 在安装 Hexo 之前,你需要安装以下两个工具: GitNode.js安装 Git Windows:下载并安装 git. Mac:使用 Homebrew, MacPorts : brew install git ; 或下载 安装程序 安装。 Linux (Ubuntu, Debian): sudo apt-get install

gitee搭建文件服务器,【干货分享】使用Gitee+Hexo免费搭建自己的博客(二)-爱代码爱编程

本地搭建Hexo博客 接下来要做的就是本地搭建Hexo博客。 首先找一个文件夹,用于存放本地Hexo博客 我放在了D:/hexo目录下,进入目录,右键空白处选择“Git Bash Here” 接下来输入命令npm install hexo-cli -g 这些命令都可以在Hexo官网获取到:https://hexo.io/zh-cn/

【原创】Gitee + Hexo + Fluid 搭建个人免费网站-爱代码爱编程

【原创】Gitee + Hexo + Fluid 搭建个人免费网站 原文链接:https://jasoninterface.gitee.io/hexo-blog 相关链接: 1.Hexo 2.Gitee 3.Fluid主题 准备环境 1. nodejs+npm的安装 从nodejs官网直接下载,并且根据顺序安装文件到对应的位置,就完成 因为nod

初识搭建博客gitee+hexo-爱代码爱编程

搭建gitee博客 创建仓库绑定域名配置SHH key 测试是否成功使用hexo写博客 hexo简介原理注意事项安装初始化修改主题上传之前上传到gitee保留CNAME,README.md等文件常用的hexo命令_config.yml写博客工具如何让博文列表不显示全部内容最终效果参考1. 优势 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不

基于Gitee+Hexo搭建个人博客-爱代码爱编程

用什么平台(What) 1、简单入门,使用方便 支持中文,有网络就能用,使用免费云平台的托管服务支持同步,没有地域限制 2、选择开源,选择未来 Gitee 是开源中国推出的基于Git的代码云端托管平台。目前已经有注册开发者 600 万,托管超过 1500 万代码仓库。 Gitee Pages 是面向 Gitee 用户开放的静态页面搭建托管服务,用户可以

Gitee+Hexo 搭建个人网站教程-爱代码爱编程

Gitee+Hexo 搭建个人网站教程 以下为参考网站 https://zhuanlan.zhihu.com/p/26625249/ https://www.jianshu.com/p/68bab0cf6b84 基本上跟着走不会出问题 这边说一些问题的解决方案和注意事项,遇到的问题 TroubleShooting 如果你想你的网站最终结果为h

-bash: /usr/bin/java: 没有那个文件或目录 的解决办法_星辰咩的博客-爱代码爱编程

可能是我前面不小心删掉了自带的Open Java,导致这种情况: 解决办法: 创建软连接。 ln命令来自于英文单词link的缩写,中文译为“链接”,其功能是用于为某个文件在另外一个位置建立同步的链接。Linux系统中的链接文件有两种形式,一种是硬链接(hard link),另一种是软链接(symbolic link)。软连接相当于Windows系

hexo+gitee搭建个人博客(超全)_dxw-1997的博客-爱代码爱编程

1.安装git 1.1Git官网下载地址:Git - Downloads 1.2双击下载的.exe文件,选择安装路径,尽量不要装在c盘 1.3其余配置默认就可以,一路next 1.4安装完成以后,右键出现git的标志

学习 gitee+hexo 搭建个人博客这一篇就够了_gitee高校版 hexo-爱代码爱编程

最终效果:个人博客 目录 1、环境准备2、hexo3、Butterfly主题4、码云配置5、文章发布 1、环境准备 Node.js v14.19.1Git 2、hexo 中文文档