Windows下搭建免费个人博客

article/2025/10/3 7:17:05

三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考
5分钟 搭建免费个人博客

1.创建Github 域名和空间

1.1注册

首先需要注册一个Github账号,如果你已经有请跳过此步直接看1.2创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io,所以认真的取个名字吧。

注册过程可能需要验证你的邮箱,其他就不在赘述。

1.2创建仓库

然后需要创建一个仓库(repository) 来存储我们的网站,点击首页任意位置出现的 New repository按钮创建仓库, Respository name 中的username.github.io 的username 一定与前面的Owner 一致,记住你的username下面会用到。

第一步就已经完成了,下面是安装。

2.安装

下面需要安装的工具包括 Github,Nodejs,Hexo。Windows 用户自行搜索这些工具,直接安装即可.安装node.js和git。hexo利用node.js开发,安装Github、Nodejs后,用命令安装hexo。

2.1安装Github

可以去https://desktop.github.com/下载。下载后直接安装即可。

2.2安装Nodejs

到https://nodejs.org/en/直接下载,下载下来的msi包一直点击下一步即可,当然可以选择安装目录,本人选择安装在了D盘(c盘分的太小了)。
我安装的是第一个版本。

2.3安装Hexo

以上都安装完成之后再安装Hexo,打开Git shell,如下图
输入命令 npm install -g hexo

到这里所有必须工具已经安装完成,下面我们就可以生成博客,上传至我们的Github 仓库了。

3. 编写,发布

接下来我们需要用Hexo初始化一个博客,然后更改一些自定义的配置,或者加上自己喜欢的主题,写上第一篇文章,然后发布到自己的个人Github网站(qingfeng825.github.io)。

3.1创建博客

将下面的 qingfeng825 替换成你自己的username,执行成功后,会创建出一个名为 qingfeng825.github.io 的文件夹,博客相关的配置、主题与文本内容等都在此目录下由 hexo 进行管理。当然这里的命令也是在Git Shell中敲的。命令为npm init qingfeng825.github.io

3.2编辑文章

完成上述步骤后,本地的 hexo 已经基本搭建完成了。
现在,我们希望新建一篇名为Hello World的文章,我不会告诉你我是个码农。在 shell 中执行:cd qingfeng825.github.io将工作目录切换到\qingfeng825.github.io下,如果已经在此目录下则直接进行如下命令hexo new "Hello World"!,然后输入命令:hexo server
成功执行上述指令后,打开浏览器,访问 localhost:4000,如果出现下图中的Hello World则说明你的 hexo 博客已经搭建成功了。如果你希望退出服务,输入 ctrl + C 即可。

,没有出现完全相同的界面也不要急,因为我是提前做好了主题设置,下面会涉及到只要看到Hello World即可。

3.3安装hexo-deployer-git自动部署发布工具

要想把文章发布出去,必须安装命令如图

3.4修改_config.yml

发布之前还有一些工作要做那就是配置_config.yml,

  • deploy:

  • type: git

  • repo: git@github.com:qingfeng825/qingfeng825.github.io.git

  • branch: master

看准了所有“:”后面有一个英文空格,没有会出错的。

3.5发布

配置完这些信息后可以敲命令了如图。
两个命令分别为hexo generate
hexo deploy(注意先后顺序看图)

完成这些操作之后你就可以点击http://qingfeng825.github.io 访问了。
最后应该是类似这个样子的

4 主题设置

选择一款适合你的主题
hexo 默认的主题样式是 landscape,也许你希望使用更多样、更个性化的主题风格。在 github 上有许多开源的 hexo 主题,你只需要把它们克隆到 ~/blog/themes 目录下,并在 ~/blog/_config.yml 的 theme 属性中设置你希望使用的主题,然后重新生成页面部署即可。
这里推荐几个在 github 上 star 数较高的主题:

  • yilia

  • next

这些主题怎么配置在这里就不讲了,因为他们都是开源的而且项目本身介绍已经很详细。当然,如果你自己就是一名优秀的前端工程师,甚至可以自己定制一份属于自己独一无二的 hexo-theme,你还可以把你的作品开源到 github 上供更多的 hexo 用户使用与学习。

参考文章有如下几篇

  • 使用 hexo 搭建个人博客 01

  • 使用 hexo 搭建个人博客 02

  • Hexo在github上构建免费的Web应用


http://chatgpt.dhexx.cn/article/nd3QZBj3.shtml

相关文章

个人博客系统

目 录 摘 要 ABSTRACT 目 录 第1章 绪论 1.1背景及意义 1.2 研究现状 2 1.3 研究意义 3 第2章 相关技术 4 2.1 系统开发平台 5 2.2 平台开发相关技术 6 第3章 系统分析 7 3.1 系统目标 8 3.2系统流程和逻辑 9 第4章系统概要设计 4.1 4.1 概述 4.2 系统…

java 搭建个人博客_5分钟 教大家搭建免费个人博客

五分钟倒数已经可以计时了。 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。 你可能会经常看到类似于这样的博客: vno 这是打酱油的 在4分50秒以后你也能够有一个…

如何快速创建个人网站

个人网站是属于自己的一个网站,可以用来分享自己生活感悟、知识想法等,或者介绍自己的生活教育经历,常用于面试,给人眼前一亮的感觉。那么该怎样快速拥有个人网站呢?个人建站方式概况 个人建站方式主要分为云服务器开发方式以及建站平台搭建方式。对于非专业的个人,推荐使…

巧用replit搭建免费的个人云服务器

初识replit,被它的免费托管和域名服务所吸引。replit是个啥?在经过一番尝试后,发现这玩意儿挺有意思,佩服老外的想象力和创新力真强。竟还能搭建个人的云服务器,连域名都有了,这可真香。对个人开发者来说连…

【个人网站】个人网站搭建预备工作

一、购买云服务器(主机) 可以选择阿里云,或者腾讯云,不嫌麻烦或者不在乎性能的可以去寻找免费的,我这里是购买的腾讯云的学生套餐:云校园 购买完成后可以在控制台看到服务器信息 二、购买域名(前期可省) 如果网站尚未开发完成可…

你想要创建一个属于自己的网站吗?十大免费网站

目录 WordPress Docsify Dumi img Cook Ant design landing 腾讯兔小巢 百度统计 ​编辑 onenav Discuz 后台管理 github 搜一下admin,按star 排序 WordPress 是一个开源的建站系统,可创建个人博客、企业官网、电商平台,并且…

教你使用GitHub搭建个人网站

GitHub源码分享 微信搜索:码农StayUp 主页地址:https://gozhuyinglong.github.io 源码分享:https://github.com/gozhuyinglong/blog-demos 1. 创建一个代码仓库 登录你的GitHub,点击右上角的 号按钮,选择【New repos…

免费搭建个人博客

三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样。 你可能会经常看到类似于这样的博客&#xff1a…

【已测】开源PHP个人导航网站源码,有后台

简介: 适合小白用的一款PHP导航源码,就这一个模板,安装哪也很简单的,上传解压,打开域名/install,按要求填数据库信息就好了 网盘下载地址: http://kekewl.org/9ZCMc6EyWNc0 图片:

免费域名和空间搭建个人网站——服务器篇

免费域名和空间搭建个人网站 服务器篇 网上有很多免费的服务器,但是免费的都不好用,只能凑合一下啦~~ 当然你也可以购买一些像腾讯,阿里云或者国外的虚拟主机。 我用的是国内的主机屋 点击免费空间,选择立即开通,然后登陆,注册成功后,点击立即开通,就可以了 开通之…

如何免费且快速的搭建个人网站

转载请标明出处:http://blog.csdn.net/u012487644/article/details/78678506 写在开头 鸿洋 - http://www.zhanghongyang.com 郭霖 - http://www.guolin.tech 严振杰 - http://www.yanzhenjie.com … goileolee - http://www.goileo.top 这篇文章主要讲如何拥有自己…

如何免费建立个人博客网站?

现在是互联网时代,也是及时信息时代,自己从自媒体时代兴起之后,中国互联网信息呈现了井喷式的发展。到目前为止,每分每秒中国的互联网都会出现各种内容,作为移动互联网时期的低头族的一员,面对各种轰炸式的…

免费且快速搭建个人www服务器的教程

想拥有自己的web服务器吗?想把服务器放到自己家里吗?通过ADSL拨号也能建立个人的服务器吗?本文告诉你答案。 要建立自己的web服务器,需要两个最重要的工作: 1 让别人知道你的主机 目前访问Internet上主机的方式主要有两种:一是通过IP地址;而是通过域名。 由于ADSL拨号…

利用新浪云SAE搭建可访问的免费个人网站

注:老师课件中,提到我们应该把网站发布到 http://www.openshift.com , 这是Red-hat 开发的PAAS服务,即是包装好底层的硬件和基础软件(如 apache、nginx 、mysql 、php)等服务,使用者可以直接在上面发布应用…

免费搭建个人网站流程!马上拥有自己的网站!

第一步:选择域名&注册域名 方式一:(直接输入阿里云链接)https://wanwang.aliyun.com/ 我用支付宝账号(qq邮箱)登录上面的链接。 方式二:百度搜索注册域名,就会出来多个注册域…

免费服务器搭建--个人网站搭建第一步

免费服务器搭建–个人网站搭建第一步 文章目录 免费服务器搭建--个人网站搭建第一步前言三丰云注册登录开通服务器、主机构建网站测试配置虚拟主机软件准备(上传文件)登录上传展示测试 前言 建议不充钱!不暴露过多的个人信息!不上…

快速一站式搭建免费个人网站/博客 /Blog

Hi,我是小明。 个人网站/Blog, 作为一个名片以及装13工具, 不仅可以给自己简历锦上添花, 而且当你拥有一定的访问量的时候,就还可以投放些恰饭广告,何乐不为~ 今天,我就教大家如何 利用 AWS 搭建个人网站。 搭建过程分以下三步: 1.申请一…

十分钟免费拥有永久网站

在人人都会上网的信息时代,拥有属于自己的网站,已经不是什么稀奇的事情了。Github Pages 就可以满足我们的需求了。它是 github 公司提供的免费的静态网站托管服务,用起来方便而且功能强大,不仅没有空间限制,还可以绑定…

关于免费域名和空间搭建个人网站——服务器篇

免费域名和空间搭建个人网站 服务器篇 网上有很多免费的服务器,但是免费的都不好用,只能凑合一下啦~~ 当然你也可以购买一些像腾讯,阿里云或者国外的虚拟主机。 我用的是国内的主机屋 点击免费空间,选择立即开通,然后…

【个人网站】零基础个人网站搭建完整教程(附免费源码)

零基础个人网站搭建完整教程(一) 内容包括:前端搭建后端搭建源码网盘链接搭建服务器网站上线(完整教程) 从0到1搭建网站 零基础个人网站搭建完整教程(一)前言一、前端搭建一、副页设计1.显示文…