免费搭建个人博客

article/2025/10/3 8:08:56

三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对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/4AID11Zf.shtml

相关文章

【已测】开源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.显示文…

如何建立个人网站(免费创建个人网站制作流程步骤)

第一步:购买域名 域名简称DN,与IP地址相对应,我们平时经常使用到,如baidu.com,google.com等(加上www.就不是域名了),咱们的前辈们不知道有多少人通过域名发家致富的呢,好的域名甚至能卖到几千万…

只需20分钟,免费搭建你的个人网站!

先剧透一波,文章涉及以下内容: GitHub Pages 提供免费的网页托管Jekyll(中文)提供静态页面生成Minimal Mistakes 一个很🔥的 Jekyll 主题mm-github-pages-starter 基于 Minimal Mistakes 主题的快速启动示例 点击查看…

如何搭建免费的个人网站

1. 新建一个github账号,然后登陆https://github.com 2,新建一个repository 3,上传网站 你可以自己写一个网站,或者在网上下载一个网站模板http://www.cssmoban.com/。然后将网站上传到该repository中 4,设置GitHub主页 5&#xf…

如何免费搭建个人网站

前两天有不少小伙伴问,如何用 github搭建一个静态的个人网站。下面我就在这里给介绍下,大家按步骤搭建就可以了。 最后还用2个彩蛋:用腾讯云搭建和用阿里云搭建。 1.首先写好一个网页,这里的图片我没用外网链接,大家如果有需要用…

搭建GitHub免费个人网站(详细教程)

一、前言 1、欢迎访问最新版博客:https://freestylefly.github.io// 2、主要含:搭建个人博客详细步骤,hexo的next的个性化设置 目前我的博客含有的效果: 标签、分类、留言、评论,在线24小时客服,卡通动漫…

快速搭建免费的个人网站

搭建个人网站 前提 在搭建网站前,我们需要有自己的一台服务器,这里指的是远程服务器。除了需要服务器外,我们还需要有一个域名,这样别人就能通过域名访问到我们的网站了。一般域名和稳定的服务器都是需要收费的,需要…

免费建立个人网站怎么做?教你简单的方法

随着建站技术的发展成熟,很多工具都能帮助我们轻松建网站。网站的制作方法也比较简单,只要是你常用的浏览器都可以创建个人网站了。主要内容就是你自己一个简单的设置一下就可以了。一般你只要在工具上选择自己想要创建的网站,以及要创建的站…

【免费个人网站制作】免费个人网站如何制作?

【免费个人网站制作】免费个人网站如何制作?互联网技术的发展为我们的工作和生活增添了便利,但也逐渐影响了每个人的生活习惯、获取信息的习惯等。此外,网站的创建也变得更加简单,许多朋友建立了自己的个人网页们的生活。那么&…