5分钟 搭建免费个人博客

article/2025/10/3 7:18:42

五分钟倒数已经可以计时了。

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

你可能会经常看到类似于这样的博客:


vno

这是打酱油的


在4分50秒以后你也能够有一个类似的blog了。

有简书了为什么还需要个人博客呢,除了装逼,当然还有个人博客更加自由,不受任何第三方管理,并且还能够自定义成自己喜欢的样子。还有,如果你是个程序猿,那就更没有理由不自己搭建一个独立博客了。
好了,不BB了。抓紧时间开始。

1. 创建Github 域名和空间

1.1注册

首先你需要注册一个Github账号,已有的可以下翻去1.2 创建仓库,注意username,这会影响到你的域名,你的域名将会是 username.github.io ,所以认真的取个名字吧。


Create account

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

1.2 创建仓库

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


Create reponsitory

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

2. 安装

Hexo 可以说是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安装的工具包括 Git,Nodejs,Hexo。(Windows 用户自行搜索这些工具,直接安装即可,试过基本没啥问题)

  1. 安装Git
    我就想问问,还有谁没装Git么?

     // 如果已安装HomeBrew 无需执行此行$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"$ brew install git   // 安装Git

    你也可以通过下载安装程序来安装

  2. 安装Nodejs
    先安装nvm,这是Nodejs版本管理器,可以轻松切换Nodejs版本。 这里有两种方式安装。如果使用curl的方式安装,安装完成之后一定要重启终端。

     1. Homebrew 安装方式,此安装方式无需重启$ brew install nvm  $ mkdir ~/.nvm$ export NVM_DIR=~/.nvm$ . $(brew --prefix nvm)/nvm.sh2. curl安装方式$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

    安装完成后,重启终端 并执行下列命令即可安装 Node.js。

     $ nvm install 4
  3. 安装Hexo
    以上所有都安装完成之后再安装Hexo
     $ sudo npm install hexo-cli -g

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

3. 编写,发布

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

  1. 创建博客
    将下面的 username 替换成你自己的username(其实也无所谓,作者强迫症),执行成功后,会创建出一个名为 username.github.io 的文件夹。

    $ hexo init username.github.io
  2. 更改配置
    主题安装
    为了使博客不太难看,我们需要安装一个主题,切换至刚刚生成的Hexo 目录,安装主题

    $ cd username.github.io
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next

    这里选了一个极简的主题,也是Hexo众多主题中最受欢迎的一个。上面出现的喵神的主题 在这里。Hexo也有更多主题供你选择。
    基础配置:打开文件位置username.github.io/_config.yml修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存, 还有注意配置的键值之间一定要有空格。更多设置...

     title: dimsky 的 9 维空间    //你博客的名字author: dimsky  //你的名字language: zh-Hans    //语言 中文theme: next   //刚刚安装的主题名称deploy:type: git    //使用Git 发布repo: https://github.com/username/username.github.io.git    // 刚创建的Github仓库

    主题配置:
    主题配置文件在username.github.io/themes/next/_config.yml中修改,这里略过。设置详情

  3. 写文章
    所有基础框架都已经创建完成,接下来可以开始写你的第一篇博客了
    在username.github.io/source/_posts下创建你的第一个博客吧,例如,创建一个名为FirstNight.md的文件,用Markdown大肆发挥吧,注意保存。
    如:

     ---
     title: First Night---
     > 我有一头**小毛驴**,可是我从来都不骑。
  4. 测试

      $ hexo s

    测试服务启动,你可以在浏览器中输入https://localhost:4000 访问了。

  5. 安装hexo-deployer-git自动部署发布工具
     $ npm install hexo-deployer-git --save
  6. 发布
    测试没问题后,我们就生成静态网页文件发布至我们的Github pages 中。
       $ hexo clean && hexo g && hexo d
    如果这是你的第一次,终端会让你输入Github 的邮箱和密码,正确输入后,骚等片刻,就会把你的博客上传至Github 了。以后在每次把博客写完后,执行一下这个命令就可以直接发布了,灰常苏胡。
  7. 5分钟应该快到了
    是不是很快,恭喜你能走到这一步,你的博客已经完成了,在浏览器中输入 http://dimsky.github.io 就能够访问了。
    最后应该是类似这个样子的

时间有限,这里只说到了简单的博客创建流程,还有很多很好玩的配置与插件。比如说评论、标签、统计等等。慢慢的完善你的专属博客吧。

更多

更多主题
更多插件


http://chatgpt.dhexx.cn/article/6SNpRcuH.shtml

相关文章

适合个人博客搭建的WordPress免费开源主题汇总

WordPress最重要的就是找一个适合自己的主题了。好一点的WordPress主题基本上都是要收费的,而且价格还不便宜,这导致了不少的新手朋友们很为难。而有时我们仅仅根据个人的爱好来搭建一个博客,所以也没有必要去支付高额的费用来购买Wordpress主…

个人博客系统+源码

🍅 作者简介:CSDN特邀作者✌、博客专家✌、java领域优质创作者💪 🍅关注公众号【猿码仓库】 简历模板、学习资料、面试题库等都给你💪 前言 猿码仓库 猿码仓库 20 收录于话题 #个人博客系统1个 #SSM1个 #SpringBoo…

Windows下搭建免费个人博客

三步完成免费个人博客搭建,本文主要针对Windows系统我的是WIN10,OS X请参考 5分钟 搭建免费个人博客 1.创建Github 域名和空间 1.1注册 首先需要注册一个Github账号,如果你已经有请跳过此步直接看1.2创建仓库,注意username&am…

个人博客系统

目 录 摘 要 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.申请一…