搭建个人主页的各种方法集锦

分手后的思念是犯贱 2022-09-24 13:21 142阅读 0赞

１／挂到ｇｉｔｈｕｂ上

1.去namecheap.com上注册一个域名。该步骤是可选的，只有当你想要一个定制域名时才需要该步骤。

2.创建一个GitHub账号，如果你的电脑上没有Git，下载并安装Git。

3.创建一个目录用来存放你的网站，并进入到该目录。mkdir my-site && cd my-site。所有后边的命令都假定你是在这个目录下执行的。

4.为你的网站创建一个新的GitHub仓库，命名为yourusername.github.io。例如，我的GitHub账号是smilli，所以我的仓库命名为smilli.github.io。

5.在你网站的目录下执行git init和git remote add origin https://github.com/username/username.github.io.git命令，注意用你的用户名替换username。

6.在你网站的目录下，利用HTML创建一个名为index.html的文件，作为你网站的主页。不要在index.html上花费太多时间，它可以和下边的代码一样简单：

>  *  `<!DOCTYPE html>`
>  *  `<``html``>`
>  *  `<``head``>`
>  *  ```<``meta``charset``=``"utf-8"``>`
>  *  ```<``title``>网站名字</``title``>`
>  *  ````
>  *  ```<``link``rel``=``"stylesheet"`
>  *  ```href``=``"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"``>`
>  *  `</``head``>`
>  *  `<``body``>`
>  *  ```<``h1``>YOUR SITE TITLE</``h1``>`
>  *  ```<``p``>Your text blahblahbhalbha</``p``>`
>  *  ```<``p``>Another paragraph! Maybe more text!</``p``>`
>  *  `</``body``>`
>  *  `</``html``>`

7.在这个文件中你可以输入任何你想要的文本或html代码。你可以查看你在本地对该文件所做的修改，如果你用的是Python3，执行python –m http.server 8000，如果你用的是Python2，执行python –m SimpleHTTPServer 8000。然后用你的浏览器打开http://localhost:8000即可。 8.现在执行下边的命令：

>  *  `git add .`
>  *  `git commit -m "Initial commit"`
>  *  `git push -u origin master`

9.打开https://yourusername.github.io/。现在你应该看到你的网站了。恭喜，你把一些东西放在网上了。

10.如果你想添加自己拥有的域名，你可以创建一个名为CNAME的文件，注意文件名全为大写。然后向这个文件中添加一行数据：yourdomainname.com（没有http或www）。例如这个网站的CNAME文件可以这么写：

>  *  `makethisinanhour.com`
>  *  `View details on CNAME configuration here.`

在这个\[CNAME配置\](https://help.github.com/articles/adding-a-cname-file-to-your-repository/)页中查看详情。

11.类似于前边的操作，向GitHub提交你的更改：

>  *  `git add .`
>  *  `git commit -m "Add CNAME"`
>  *  `git push`

12.现在登录网站https://www.namecheap.com/，点击你的域名列表下的域名，域名列表应该看起来是这个样子：

![怎样建设自己的网站 个人网站][1429669894771.jpg]

点击你的域名之后，在“Host Management”下边的左边工具栏中，你将看到一个链接“All Host Records”。点击它。现在你就看到了Namecheap为你的站点添加的默认主机记录。

![怎样建设自己的网站 个人网站][1429669894115.jpg]

修改你的主机记录，使它们看起来像这个样子（用户名改为你GitHub账户的用户名）：

![怎样建设自己的网站 个人网站][1429669894197.jpg]

13.DNS修改生效后，你就能在你的域名下查看你的网站了。恭喜哦！

２／使用ｗｏｒｄｐｒｅｓｓ

博客搭建并不复杂，只是过程有点繁琐，适合喜欢折腾的人，主要有下面几个步骤：

> 新建一个博客文件
> 
> 购买域名（Domain Name）
> 
> 注册一个主机空间（Web Host）
> 
> 域名解析（DNSPod）
> 
> 安装WordPress 安装WordPress主题
> 
> 设置固定链接 安装插件
> 
> 图片存储
> 
> 添加网站图标

完成这几个步骤之后，博客基本上就可以正常使用了，当然后面还要做一些优化，这方面这里不予讨论，下面针对每一项操作做具体的介绍。

**新建一个博客文件**

在搭建博客的过程中，我们需要创建一个文件，用来存储博客的相关信息。这些信息包括域名的信息，主机空间服务器ip，FTP登录名和密码，空间面板登录信息等等，只要是与该博客有关的信息，全部存在这个文件内，方便以后查看。

**购买域名**

域名当然要去最有名的去他爹网站（goDaddy）购买了，作为全球最大的域名注册商，且支持支付宝付款，是我们购买域名的不二选择。

![教你搭建一个自有域名的WordPress博客][WordPress]

域名后缀推荐买一级域名“.com”，虽然“.com”域名比其他的贵些，但是goDaddy会定期做优惠活动，Google上搜索“goDaddy优惠券”会出现很多相关链接，我的域名就是在做活动的时候买的，只花了1美元。如果选中了喜欢的域名，而暂时没有活动时，不妨加入购物车后等几天，相信你会收到打折邮件的。另外购买特价域名时只能用信用卡，所以一张双币信用卡也是必不可少的。

**注册一个主机空间**

主机空间是存放博客程序的地方，以地理位置划分为内地空间、香港空间和国外空间，内地空间的优点是访问速度快，缺点是需要备案；香港空间访问速度介于内地和国外之间；国外空间访问速度较慢，无需备案。空间的选择看个人情况了，空间大小的话新手几百M足够用了，等以后写的内容多了不够用了再考虑更换。

**域名解析**

在goDaddy购买了域名后，goDaddy会帮我们解析这个域名，但是goDaddy解析的域名有时会遭到屏蔽，而且解析的速度也不快，因此一般使用DNSPod来进行解析。使用DNSPod有以下三步：

> （1）在DNSPod添加记录，注册后添加域名。
> 
> （2）修改域名DNS地址为DNSPod的，登录goDaddy网站，点击“My Account” ，点击“Domain”右侧的“Launch”，进入域名管理页面，在“NameServers”一栏点击“Set NameServers”，在弹出的对话框中前两个Name Server处分别填写DNSPod的域名服务“F1G1NS1.DNSPOD.NET”、“F1G1NS2.DNSPOD.NET”。
> 
> （3）将域名指向主机服务器的ip，即在DNSPod中添加“A记录”，注意要添加带“www”的和不带“www”两个记录。

添加完后见下图：

![教你搭建一个自有域名的WordPress博客][WordPress 1]

域名解析完后就可以访问了，此时我们在地址栏输入域名后可以看到主机空间上的信息，接下来的事情就是安装WordPress了。

**安装WordPress**

不同的主机空间有不同的虚拟主机控制系统，安装的过程也不尽相同，但是步骤都是差不多的，我购买的主机空间使用的是cPanel面板，下面就针对cPanel安装wordpress做个简略的介绍。

> （1）登录cPanel面板，找到“数据库”-“MySQL数据库”，创建一个数据库，然后创建用户，将用户添加进数据库，勾选“所有权限”，点击“更改”完成。
> 
> （2）上传WordPress，从WordPress网站下载最新的WordPress中文版，回到cPanel首页，点击“文件”-“文件管理器”，选择“Web Root”后点击“Go”，选择“上传”，选择刚才下载的压缩包上传。上传完后回到根目录选择压缩包，点击“解压缩”，解压缩完成后在根目录多了一个wordpress的目录，进入这个目录，点击“全选”，然后点击“移动文件”，去掉目录中的wordpress，将文件移动到根目录下。
> 
> （3）设置Wordpress基本信息，在浏览器访问你的域名，跟着提示点按钮，直到出现输入数据库信息的页面，输入之前创建的数据库信息，至此Wordpress就安装完成了。

**安装WordPress主题**

wordpress安装完成后，需要给博客安装一个主题，也就是我们的页面模板，进入wordpress的管理页面，选择“外观”-“主题”，点击“安装主题”选择主题安装，也可以上传下载其他主题，最好的免费官方主题可以在这里看到：Free Theme。

**设置固定链接**

固定链接是指文章的url显示，默认是问号和数字，修改成自定义结构“/%postname%/”可以更好的让搜索引擎找到你的文章。

**安装插件**

为了更好的使用WordPress，一些好的插件是必不可少的，下面罗列出个人使用中的一些插件。

**Akismet**

Akismet插件可以帮助清除大量的垃圾留言和评论，保持博客的清洁，使用该插件需要用到API key，可以向主机提供商索要。

**WP Super Cache**

优秀的缓存插件，可以将博客静态化，一方面能够提高SEO排名，另一方面可以提高博客的访问速度，缓解服务器压力。

**Google xml Sitemaps**

很好的SEO插件，让搜索引擎更好的收录你的站点。

**Dynamic To Top**

点击回到顶部，文章比较长时很实用，可以自定义显示效果。

**WordPress Related Posts**

此插件在每篇文章下显示相关文章或随机文章，有利于博客的SEO。

**WP-PageNavi**

很不错的分页插件，加速快速浏览博客的文章。

**Smart Archives**

文章存档导航插件，装好插件后，新建一个页面，在页面的内容区输入“【smart\_archives】”(括号修改为英文的中括号)，保存，然后新建一个菜单，添加该页面，一个不错的文章存档菜单就完成了。

**图片存储**

新手搭建的博客，一般主机空间容量不大，如果文章中图片较多的话，图片存储就成了问题。寻找一个稳定易用的图床，方便图片的使用和存储，是应该重点关注的事情。这里推荐一个优秀的国外免费图床：photobucket。

![教你搭建一个自有域名的WordPress博客][WordPress 2]

photobucket在国外非常有名，相当稳定，国内访问速度也很不错。免费支持图片外链，提供500M的图片空间，每月10G的图片访问流量，对个人博客图片存储来说这些功能就足够了。此外还有一个十分重量级的特性，就是上传的图片不会改变图片名称，正是由于这个特性让我选择了photobucket。

**为什么这个特性如此重要呢？**

举个例子说明一下，假设我上传了一张图片，该图片的名称是wp.jpg，图片的外链地址是http://upload.chinaz.com/2015/0210/1423538224460.jpg，同时我在DropBox和本地也备份了一份该图片，目录结构跟相册中的一致。如果photobucket访问不了的话，博客中的图片就无法显示了，此时我只需要上传图片到新的服务器，然后去数据库批量修改图片的链接为新的服务器的图片存放地址，就可以恢复所有图片的显示了。

**添加网站图标**

网站图标是显示在URL最前面的小图标，可以进行自定义，获取图标最简单的办法是到网站Favicon.cc下载，或者亲自做一个，网站图标建议使用.ico文件格式。

下载图标后，上传至主机的根目录public\_html下，然后进入WordPress后台管理页面，选择“外观”-“编辑”，打开“head.php”，添加下面的代码(确保图标名称为favicon.ico)：

> <linkrel=”shortcut icon” href=”favicon.ico” >

保存后刷新页面就可以看到图标了。

３／ｉｉｓ不喜欢，不说了，想用ｗｉｎｄｏｗ服务器的可以自己搜一下

４／全都自己写要写好多前端代码。

[1429669894771.jpg]: http://upload.chinaz.com/2015/0422/1429669894771.jpg
[1429669894115.jpg]: http://upload.chinaz.com/2015/0422/1429669894115.jpg
[1429669894197.jpg]: http://upload.chinaz.com/2015/0422/1429669894197.jpg
[WordPress]: http://upload.chinaz.com/2015/0210/1423538224267.jpg
[WordPress 1]: http://upload.chinaz.com/2015/0210/1423538224229.jpg
[WordPress 2]: http://upload.chinaz.com/2015/0210/1423538224499.jpg