Windows下搭建免费个人博客



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

http://www.jianshu.com/p/4eaddcbe4d12

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: [email protected]: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 数较高的主题:

当然,如果你自己就是一名优秀的前端工程师,甚至可以自己定制一份属于自己独一无二的 hexo-theme,你还可以把你的作品开源到 github 上供更多的 hexo 用户使用与学习。

参考文章有如下几篇

时间: 2024-10-13 01:43:44

Windows下搭建免费个人博客的相关文章

Mac下搭建hexo3.0博客

Mac下搭建hexo3.0博客(文章同步自个人博客网站以及Github博客https://xingstarx.github.io/) window环境下搭建hexo博客 具体内容可以参考这一篇文章如何搭建一个独立博客--简明Github Pages与Hexo教程本人博客搭建过程也是参考了上面的部分内容. 安装Node.js和git 安装Node.js 到Node.js网站上下载后缀为pkg的文件,点击安装. 在终端下输入 node -v npm -v 若无错,则显示版本号 本人的信息如下: he

5分钟 搭建免费个人博客

五分钟倒数已经可以计时了. 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一样. 你可能会经常看到类似于这样的博客: vno 这是打酱油的 在4分50秒以后你也能够有一个类似的blog了. 有简书了为什么还需要个人博客呢,除了装逼,当然还有个人博客更加自由,不受任何第三方管理,并且还能够自定义成自己喜欢的样子.还有,如果你是个程序猿,那就更没有理由不自己搭建一个独立博客了.

CentOS 6.3 环境(apache+php+mysql)下搭建wordpress个人博客

1.安装必要的软件 apache  php  mysql CentOS系统我们可以直接使用 yum install 的方式进行软件安装,腾讯云有提供软件安装源,是同步CentOS官方的安装源,包涵的软件都是当前最稳定的版本,因此直接安装即可 yum install -y httpd php php-fpm mysql mysql-server php-mysql  这样就算安装成功了 2.将相应服务启动 我们安装的apache php mysql这些软件都是以服务的形式在服务器中的,注意这里通常

Windows下搭建Hugo博客

★内容参考B站Up主CodeSheep,视频地址:https://www.bilibili.com/video/av51574688我整理了Windows下的操作方法,如下: 1:在https://github.com/gohugoio/hugo/releases地址下找到Windows压缩文件下载,如下图你可以下载32或者64位的 2:如何看hugo安装成没成功,打开cmd,输入hugo version,如图所示,则代表安装成功 3:安装成功后,用Hugo还创建自己的博客,命令如下图所示:hu

免费搭建自己的博客

本博客最早也是参照别人的创建的.参见 Jekyll搭建个人博客.但是也遇到一些问题,记录一下. 安装 jekyll的问题 因为默认使用了mac自带的Ruby,在install gem时,写入路径为系统目录,没有权限.所以按照这篇文章Mac OS X 下使用 Ruby Gem 的两个坑重新安装了一个Ruby. jekyll启动时的问题 jekyll server后报错: /usr/local/lib/ruby/gems/2.5.0/gems/bundler-1.16.2/lib/bundler/r

学做酷炫有爱的免费网页,学习 Github Page 教你分分钟搭建自己的博客

Github Page 网页搭建教程,教你分分钟搭建自己的博客 更多漂亮的网页搭建教程教程,请看这里:http://www.duobei.com/course/8506331668 1.注册Github账号 2.新建一个仓库,也就是我们代码要存放的位置 为我们仓库起个名字 3.为我们的仓库自动生成一个网页 点击Gihub Pages模块里的Automatic page generator 设置我们网页的Body内容 点击发布,生成我们的网页 按照 username.github.io/repos

Windows下搭建Openvpn使用用户名和密码验证方式如何引用shell脚本

网上找了很多资料关于Openvpn使用用户名和密码验证方式的大都是在linux环境下搭建的.其实在windows下搭建可以参考linux的情况,可以找到很多资料,主要遇到的问题是如何引用那个checkpw.sh的shell脚本.这里记下自己的经验. 为了引用此脚本,看了网上一个博客后有了点idea.首先安装Cygwin,Cygwin是一个在windows平台上运行的类UNIX模拟环境.之后写一个bat文件,如script.bat: C:/cygwin64/bin/bash.exe  C:/che

C++开发安卓、windows下搭建Android NDK开发环境

1. NDK(Native Development Kit) 1.1 NDK简介 Android NDK是一套允许开发人员使用本地代码(如C/C++)进行Android APP功能开发的工具,通过这个工具,我们可以把用C/C++代码编译成可以直接运行在Android平台上的本地代码,这些本地代码以动态链接库( *.so )的形式存在,也正因为这样,我们可以通过复用这些动态链接库从而复用本地代码. 那么,通过NDK这个开发工具包,那么我们是否可以将一个APK完全使用C/C++来编写呢? 答案是不可

使用Hexo搭建Github静态博客

1. 环境环境 1.1 安装Git 默认配置就好 1.2 安装node.js 下载:http://nodejs.org/download/ 安装时直接保持默认配置即可. 2. 配置Github 1.1 建立Repository 建立与你用户名对应的仓库,仓库名必须为[your_user_name.github.io] 1.2 配置SSH-Key 参考文章:window下配置SSH连接GitHub.GitHub配置ssh key 3. 安装Hexo 关于Hexo的安装配置过程,请以官方Hexo[2