(入门向)从零开始制作免费的个人博客----Github Pages或SAE

三月初突然想搞个个人网站,前前后后找了不少,最后终于是搞定了,一个挂在SAE,一个挂在github,目前没学后台,下面大致记录一下,顺便希望能帮到跟我一样的小白学会独立建站.

一.搞个域名

万网/godaddy/my.dot.tk这三个网站,搞个域名先.

注意:.cn域名要求国内备案,嫌麻烦的同学建议注册.com国际顶级域名或.tk .ml之类的免费域名.

1.万网

应该不少都是去这买的吧,中文操作适合小白,很容易就能看懂,连接支付宝,备案都很方便,第一次的话建议来这里,了解下流程.

2.godaddy

规模最大,虚拟主机,支持支付宝.网上有优惠码,买域名时可以省点,12刀的可以7.8刀购入.甚至有0.99$的域名,这个国内购买貌似有些障碍.没用过不多说.

3.my.dot.tk

提供免费域名,诸如.tk .ml(-3-)之类的,非常适合希望完全免费建站的同学,正是由于免费注册,导致旗下的域名经常出现大量‘奇奇怪怪‘的网站,搜索引擎的收录优先级会比较低,还是建议买个.com,一年只要几十,认可度也会比较高.(至少问身边人还是比较认.com,.cn之类的后缀,其他的后缀总感觉怪怪的,当然,用.ml之类的后缀用来做些奇怪的事情也不错:p)

二.找个云主机

国内的大部分供应商需要你备案,不备案的有的可以放在香港的服务器,也可以直接选择国外的免费云主机,速度会慢些还有墙的风险.

1.hostinger

最开始用的是这个,界面比较友好,支持两个邮箱和二级域名,完全免费,够用了,加载速度是硬伤,还是比较推荐.没有科学上网的话有时访问此网站困难.

2.SAE

免备案挂香港服务器,效果也还不错,注册送500云豆,实名认证再送2000,还有个开发者认证,要是过了月月能领低保,对于无后台的个人首页来说吃穿不愁了.

3.github

代码随时同步,比较稳定而且无消耗,速度比SAE差了一点,极力推荐.

三.搞定云主机

1.hostinger

注册一个账号,下个零元订单

输入你的域名就行了,一步步跟着走.

2.SAE

注册之后创建一个新应用

先填个二级域名,是挂在国内的,其他随便填,最后添加你的顶级域名,未备案默认挂在香港,双倍流量消耗,访问速度不慢.

3.github

例如你的用户名为xxx,新建一个repositories,命名为xxx.github.io,里面master的branch就是放代码的地方,打开github,在项目里面新建一个名为CNAME的文件,里面输入你的域名诸如xxx.com关闭保存为文件,sync一下,正常的话你的项目的setting里面会显示

这就成了.

四.DNS

DNS是啥呢?服务器有IP,我们访问网站的时候,浏览器并不是直接能够跳转到网站,而是向上级的DNS服务器查询:‘你知道xxx.com的ip么?如果知道请把它给我.‘如果上级不知道就继续向上查询,直到顶级的国际DNS服务器.

现在我们有了买到的域名,但是域名对应的IP地址并没有告知DNS服务器,也就是说,我现在只知道你叫XXX,我想联络你,但是并没有你的地址,联络也就无从谈起了.所以,我们要在购买域名的网站创建一个记录,将我们的域名指向一个可控的地址.

CNAME:xxx.com指向诸如xxx.sina.com,就是指向一个域名,当我访问xxx.com时,直接跳转到托管服务器的域名.

ANAME:xxx.com指向诸如192.168.1.1,指向一个IP地址,当托管服务器IP变化时,便无法访问,而此时因为CNAME指向了托管服务器的域名,域名依然可用,托管服务也能使用.

NS记录:当申请域名的网址在墙外,且不能科学上网时,刚开始不熟悉的时候可能会多次修改域名指向,这就变得困难,此时可以使用诸如www.dnspod.cn进行托管,在域名注册商处,将ns记录指向托管服务器给出的类似f1g1ns1.dnspod.net.的ns记录,就可以利用他进行托管了.

一般dns服务器都有延迟,一天之内能访问都比较正常.

将域名指向云主机

即是解析域名,云主机建立完成后,一般会给出你应指向的ANAME或CNAME,在域名注册商处将其解析至此就可以了.

在github上,建议先访问一次xxx.github.io,确认是否能成功访问,保证在之前的阶段没有出现问题,之后再将自己的域名CNAME到xxx.github.io,以防万一,我额外添加了两条ANAME指向github提供的IP,

192.30.252.153和192.30.252.154.

最后

该做的都已经完成了.

之后是上传你的网页文件:

SAE和hostinger都支持zip压缩包的打包上传,非常容易.

github用客户端直接sync同步即可,比前两个还要便利.

网页建议自己写,边写边学.如果目的只是建站,也可以使用成型的模板.

时间: 2024-10-10 03:56:03

(入门向)从零开始制作免费的个人博客----Github Pages或SAE的相关文章

如何在github上搭建一个免费的 无限流量的静态网页博客Github pages

前言: 看到很多相关的教程,但是在实际操作的时候还是遇见了不少问题,这里记录分享一下我的操作流程.免费空间用过很多,博客也用过一些,听说了github后就想试着玩一下这个静态库,感觉挺不错的,操作也比较简单,可以放些demo觉得挺不错的,看自己的喜好来搭建吧~本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 1.注册github.com账户,具体操作不描述了,英文如果不是很好可以使用翻译软件 2.新开一个一个仓库(N

快速搭建一个自己的个人博客(Github Pages~二次元主题)

前言 本次的一个布局技术都写的非常详细了,只要按着来就行,不过,先说明本次主题为二次元主题. 如果真的喜欢本主题的不妨可以试一试(==建议跟据目录来看==) 在很久很久以前.... 嘛,就在前不久我正在.. 额,上图仅仅表示我的无敌 无聊,本人不抽烟. 嗯嗯,在我闲来无事的过程中我找到了一个我特别喜欢的个人博客网站: 然后:(放图~哦哦) 大佬"蝉时雨",自己写的主题: 1.所用前端技术:vue 2.博客文章存储技术:Github issuses(就是原项目的讨论部分,分类,心情也是使

第39篇 免费博客github Pages绑定域名

原文地址:http://blog.laofu.online/2017/06/02/how-bind-domain/ 网站已经有了,需要对网站来绑定一个自己的个性域名,本人是买了一个阿里云的域名,也就是现在正在使用的laofu.online.当然这个是主域名,我们需要是是一个带有含义的二级域名,这里我添加一个blog.laofu.online的域名. 映射记录的添加 买了域名后,阿里云会有一个后台,这里我们需要把现在的域名转发到我们github-pages所生成的网站.这里我们只需要添加一个CNa

零基础免费搭建个人博客-hexo+github

使用hexo生成静态博客并架设在免费的github page平台 准备 系统: Window 7 64位 使用软件: Git v1.9.5[下载地址] 百度云 360云盘 访问密码 d269 Git官网 Node.js v0.12.5 x64[下载地址] 百度云 360云盘 访问密码 608f node.js官网32位或64位按自己电脑的系统来选择,如果不清楚,可以直接在官网下载32位的,可以兼容64位系统 备注:不同软件版本的安装与使用会有差异,请尽量与本教程保持一致 安装Git 大部分按默认

Re:从零开始的Hexo搭建个人博客(二)

本章主要讲博客的个性化,譬如站点的基本配置(语言.头像.站点图标等).安装新的Hexo主题(Next主题)以及主题的配置. 1. 修改站点配置 打开站点配置文件 ,找到: # Site title: Hexo subtitle: description: keywords: author: John Doe language: timezone: 根据自己的需要去修改上边的配置,这些配置的注释如下: # Site # 站点标题 title: Hexo # 站点副标题 subtitle: # 站点

Hexo+Github/Coding免费搭建个人博客网站

体验更优排版请移步原文:http://vblog.win/blogs/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把平时遇到的问题和解决问题的方式方法记录下来,顺便提升自己的表达能力.总结能力:另一方面,个人博客就像是自己在网络世界中的一个小家,一个完全属于自己的空间,你可以在这里尽情发挥,别人可以通过它来了解你.前段时间偶然间发现了Hexo,看了两天官方文档,参考网上教程,搭建了自己的个人网站:http://

Re:从零开始的Hexo搭建个人博客(三)

本章讲的是如何将本地的个人项目远程部署到 GitHub Pages,涉及到GitHub的项目仓库.Git的使用,以及Hexo的远程部署等. 1. 安装 hexo-deployer-git 插件 想要将Hexo项目部署到 GitHub上,需要先安装一个插件.在Hexo项目的根目录打开命令窗口,输入: npm install hexo-deployer-git --save 2. GitHub上创建一个仓库 仓库的名字可以随便起,不过这个仓库是作为我们的博客仓库的,所以尽量将名字以 {usernam

搭建个人博客 github+hexo

其实相关的教程网上有很多很多,不过就是很多很多,而且技术大神们每个人都写得不一样啊喂,为什么我明明就是一步一步按照教程来的还是有那么多乱七八糟的错?...所以我决定写此篇记录一下我搭建博客的过程以及我踩过的一些坑...希望给和我一样的技术小白提供一些帮助.然后,感谢给我提供帮助的各位大神(后面会贴出 参考资料) 不做过多介绍了,快速开始 准备安装软件 依次安装 1.Node.js 2.Git 注册github 访问https://github.com/ 右上角signup uername 最好都

基于hexo创建博客(Github托管)

基于hexo的博客 搭建步骤 1.依赖文件下载 Node.js 2.Hexo的安装 3.部署到Github 4.Hexo创建博客基本操作 5.Hexo主题皮肤更换 依赖文件Node.js 首先要安装node,npm 前端支持的基础文件 npm包管理,使用cnpm下载速度更快 npm install -g cnpm --registry=https://registry.npm.taobao.org Hexo框架安装 1.框架安装 cnpm install -g hexo-cli 2.创建一个空文