如何建立个人网站？

1.你是想给来做哪方面用，宣传形象、卖产品、自己玩玩......
2.有没有预算，别人好给你做推荐......

热心的小回应 · 2021-1-5 07:36:47

浏览了一下答案，感觉都没有对小白友好的答案，我来整理一下吧。
首先想要建立自己的网站，就需要一个可以连通外网的服务器。
为什么建立网站需要购买服务器呢，服务器是一种高性能计算机。说的通俗一点，用户浏览网页，其实都是浏览的这台计算机里的网页文件，所以这是你想拥有一个任何人随时随地可以都可以访问的网站，就需要一个24小时不关机的高性能计算机存储你所写的网页程序。
那么？我们需要买一个大铁箱子吗？
答案当然是不需要
因为有云服务器这种东西啊
[h1]如何购买云服务器呢？[/h1]以阿里云为例子，首先进入阿里云官网：https://www.aliyun.com/

1、选择云服务器ECS点击购买。
2、然后你会看见计费方式分两种，有包年包月的，也有按量付费的，个人感觉包年包月比较划算。
3、服务器地域随意选择，没什么特殊要求的话，选择华北就行了。
4、其余的配置你就按最低的配置选就行了，如果是想做一个高流量的网站自然也应该选择好一点的配置
5、镜像选择注意了，我们这里选择Ubuntu16.04版本，64位做一下实验

6、设置好登录密码，这里的密码就是你以后远程连接服务器的密码

购买之后会分配一个你的ip地址

然后你需要下载一个Xshell 5来连接你的服务器

[h1]连接服务器的步骤：[/h1]第一步：菜单栏的文件—新建

第二步：在跳出的窗口中，主机填成刚刚的ip地址，其余不需要改变

第三步：点击连接

第四步：输入用户名密码

第五步：连接成功

连接成功后，在页面上我们依次输入下面的命令，注意不是一骨碌全输进去，而是一句一句输入，输完一句回车就行了，如果他让你选择y/n那你就选择y（yes）
apt-get update
apt-get install apache2
service apache2 restart
2.安装php
apt-get install php5
3.安装mysql
apt-get install mysql-server mysql-client
中途会让你设置密码，
然后我们就可以
service mysql start
最后，重启apache服务
service apache2 restart
到了这一步你就可以在浏览器输入您的ip访问你的网站了。
例如：
http://127.0.0.1
现在的访问页面是服务器的默认界面，然后怎么更改成自己想要的页面呢
你需要下载一个FileZilla Client
然后新建站点，就按着我这个填，连接之后进入/var/www/html目录，这个目录下有个index.html文件，替换成你的index.html文件就行了，因为默认的接受index.html

热心的小回应 · 2021-1-5 07:36:48

http://www.cnblogs.com/winroot/archive/2012/02/07/2341807.html
以往大部分的创业者，在前期资金紧张、人力缺乏的情况下，很难去建设一个高速、稳定、美观的产品网站。云时代的到来，将很多在以前遥不可及的服务，逐步以近乎免费的形式提供给个人用户。笔者将苦逼的经历整理了一下，来描述如何用“云”，快速创建产品网站。

希望能给刚刚起步的苦逼的创业者一些帮助。

1、 家喻户晓的域名：
怎么家喻户晓那是你的事情，
购买途径推荐http://www.godaddy.com。为什么？价格便宜，还有NameServer可以免费设置，不像DreamMonster虚拟主机一到期，连Nameserver都不给用了，当时我们http://sukikits.com就在这个上面郁闷了一下。而且支持支付宝
具体的注册过程可以baidu搜索“godaddy注册”。
2、 空间是根本：
1、最好是国内的。
2、空间不需要太大，几百兆就够了，你的产品网站没那么多内容。
3、建议购买Apache为WebServer的空间，后面做页面静态化需要。
4、尽可能挑一些口碑好的空间提供商。因为你在购买前给你演示速度的网站，跟你拿到手的时候速度会有天壤之别。
3、 域名备案
没有这个号码，你的网站将没有任何竞争力，不论你的产品有多么的优秀。在这片神奇的土地上你必须做的事情。当然空间商会帮你提交，你只需要填写资料，准备好电子版的照片，一定要填写能联系到你的手机，通管局会给你打电话确认信息的。
4、 伟大的DNSpod
为什么要DNSpod

用下来就是快，最初我做过对比，比我的的域名服务上提供的解析速度快。
最重要的是在快的前提下，而且免费。

设置比较简单，文档见https://www.dnspod.cn/Support

5、 名片上的企业邮箱
弄好DNSpod以后我们就可以设置企业邮箱了。国内企业邮箱建议选择腾讯http://exmail.qq.com国外服务的话选择Gmail的吧。
我们选择的是腾讯的企业邮箱，比较方便，防止和墙发生不愉快的事情。

注册完成后会有引导内容，按照引导进行设置就可以了。帮助页面http://service.exmail.qq.com/。
这样你就可以有自己的域名后缀的邮箱了，比如我的邮箱leon@sukikits.com就用的是腾讯企业邮箱。

6、 主题不是问题
如果你想开发强大的网站功能请忽略这里。
下面介绍的是要建立一个产品介绍的网站。
看你的需求，如果你想快速简单上手，wordpress就可以满足，如果你喜欢折腾那你去研究joomla或着Drupla。
为什么选择Wordpress。
快速、简便、基本满足一个产品介绍类网站的需求。各类插件、模板丰富。
还有一个最主要的原因：用的人多，遇到问题随便搜索就可以找到解决方案。
那么下面开始说一下模板的选择。
http://www.elegantthemes.com/
http://themeforest.net/
到这两个网站去挑选你喜欢的模板吧。版本的获得方法要么购买要么百度搜索。
模板选择注意点：
a.    选择一款发布时间稍长
b.    下载或者购买量较多
c.    契合你心目中网站风格的。
这样的次序主要是对网站的兼容性、性能、以及你自己使用的便捷性都会有较好的保证。
说白了用户体验为王！
来看一下http://sukikits.com的后台

主题建议先试用再购买。

7、 速度才是王道
分为两部分：
a.    图片访问加速
第一步，找一个云存储推荐又拍云存储https://www.upyun.com/是按照访问流量计费的。说白了就是一个单独的图片CDN 在页面加载的时候不用访问你那“共享百兆”流量的空间。
第二步，修改你DNSPOD，在里面增加一个CNAME 如http://image.sukikits.com。具体设置会有引导。帮助见http://www.upyun.com/intro/custom.php

第三步，尽量将你内页或者主题内的图片连接使用你指向又拍云存储的连接。
另外有一个又拍云的插件可以批量转化。
下载地址：
http://ihacklog.com/php/wordpress/plugins/hacklog-remote-attachment-upaiyun-version.html

b.    页面静态化
使用这个插件：WP Super Cache。
下载地址：http://wordpress.org/extend/plugins/wp-super-cache/
为什么要用：
引用一下百度的搜索“WP Super Cache 是WordPress官方开发人员Donncha开发，是当前最高效也是最灵活的WordPress静态缓存插件。它把整个网页直接生成 HTML 文件，这样 Apache 就不用解析 PHP 脚本，通过使用这个插件，能使得你的WordPress博客将显著的提速。”
设置帮助文档：http://ooxx.me/wp-super-cache.orz
还有一个W3 Total Cache也可以试一下。哈哈

8、 高贵的CDN
http://webluker.com太可爱了，让CDN这个高级货，飞入寻常百姓家。而且每个月30G的免费流量配额，基本上小站是够用了。
CDN的定义见：http://baike.baidu.com/view/21895.htm
简单说来就是把用户访问网站时需要的资源放到访问比较快的服务器上。
简介“Webluker是一站式运维服务综合平台，为用户提供稳定，高效，灵活的服务。提供网站加速、域名管理、DNS解析、云主机、服务器监控、网站监控告警等功能。”

帮助文档：http://blog.webluker.com/

9、 监控是个宝
走到这一步基本上网站基础建设已经完毕。
这里我们开始设定网站的运行状态监控。其实前面提到的DNSpod和webluker都带有服务器监控。大家可以使用，同时我这里推荐一款专门做网站监控的网站，他可能更加专业一些。
推荐原因：免费、好用
监控宝：http://www.jiankongbao.com/

帮助页面：http://www.jiankongbao.com/faq

10、          数据统计
数据统计重要性我就不罗嗦了。
在我朝，就得用本地的东西。所以选择百度统计：http://tongji.baidu.com/
基本好用。Google的统计也是比较好用的。萝卜白菜各有所爱。
数据关系我就不截图了。。。。
这里有一些介绍：http://yingxiao.baidu.com/support/topic/3.html
记住忽略百度推广那些人给你打的电话。你是一个小站，没钱最推广。

热心的小回应 · 2021-1-5 07:36:49

新手学习如何自己建立一个网站视频教程 (WordPress创建网站, 从零开始只需1小时)

我建立网站已经有10年的时间了。我的第一个网站是用HTML编写了，用了一个多月的时间来做。现在，因为建立网站容易多了，简单的网站半个小时就可以完成。

现在有很多的免费网站搭建平台(CMS: 内容管理系统)，如WordPress，Joomla和Drupal。在这么免费网站搭建平台中，WordPress是最受欢迎的，因为它的功能强大，扩展性强，和拥有无数的插件来为你添加各种的功能。还有，WordPress搭建的网站或网店对SEO搜索引擎是十分友好，收录也快，排名靠前。最重要的是，它的使用非常的简单。你不需要任何专业知识就可以自己管理和添加内容。我们制作了3套WordPress视频一步步教你如何建立一个专业网站和电子商务网站。

这些年，无论是个人网站还是电子商务网站，我都是用WordPress来搭建的。目前，我也很满意WordPress这个免费资源。

我们制作的3个视频教程

1) 用WordPress搭建完整网站视频教程 (从零开始只需1小时)
该视频对所有的浏览者或读者免费开放。你只要跟着这个视频教程做，你就可以自己动手搭建一个专业的网站。我们会一步步教你如何建立你的第一个网站。
在YouTube观看: https://www.youtube.com/watch?v=TFP1udhVV6c
在土豆观看: 用WordPress建立专业网站视频教程 (一步步建站, 一步也不少)_土豆

2) 新手WordPress视频教程: 学习如何建立响应式网站的全套流程
只要你跟着我们这个45分钟的教程做就可以建立一个专业响应式网站(可以在手机，电脑，或平板电脑浏览)。你也可以对该网站进行任何的个性化修改(不需任何专业知识)。
在YouTube观看: https://www.youtube.com/watch?v=XssSXxaukAo
在土豆观看: 学习如何建立响应式网站的全套WordPress视频教程

3) 建立WordPress电子商务网站视频 (WooCommerce 教程)
如果你已经根据第一个视频教程建立了一个网站或者你已经拥有自己的WordPress网站，我们这个视频将会教大家如何使你的网站成为一个专业的电子商务网站。同样的，你也不需任何的专业知识来搭建一个功能强大的电子商务网站。
观看链接：https://www.jiustore.com/video/

域名(Domain Name)和空间(Hosting)都可以从 http://www.usdomaincenter.com/ 购买。购买后，你可以直接在你的 US Domain Center账户安装免费WordPress搭建平台。

更多教程: https://www.jiustore.com/

热心的小回应 · 2021-1-5 07:36:50

谢邀请，下面是搭建一个WordPress博客的过程，文章非常详细，仅针对纯白读者，勿喷，谢谢。

准备工作：

一：域名注册

一般域名尽量要短一些，然后含义通俗易懂，尽量不要把0o和il1放在一起，国内建议使用阿里云，国外域名可以使用Godaddy，Name等

二：虚拟主机

购买主机的时候要注意自己的域名是不是已经ICP备案，如果没有备案不能选择大陆的主机，建议用香港的，毕竟与日韩美比地理位置相对于大陆较近比。这里演示用的主机公园的香港虚拟主机，如果你的域名备案了可以选择大陆的主机，比如阿里云，腾讯云都可以

三：博客系统

本文用使用比较广泛的WordPress做演示，当然如果使用typecho，emlog，discuz 等请参考这个教程如何安装WordPres？(GIF动态教程)

WordPress地址：China 简体中文（请注意大陆访问会很慢甚至无法加载）

博客搭建：

一：域名解析

Godaddy域名解析请看如何解析域名?(GIF动态教程)

这里已经购买了主机公园的香港虚拟主机，购买完成后会把IP发到我邮箱，我们把域名解析到这个IP即可

二：安装WordPress

进入用户中心，产品详情，登入cPanel

找到图中所示的SoftaCulou

找到WordPress 并安装

直接添加基本的管理员信息，不用手动上传文件，创建数据库

安装很快，基本上1分钟不要，如果你在这步出错，有可能是因为自己手动创建了数据库或者上传了WordPress文件，删除即可

安装完成

访问测试，如果熟悉的话，也就是数分钟博客就上线了

另外WordPress自带了国外的服务，被强，在大陆访问速度很慢，需要优化一下可以到好奇猫社区查看更多

热心的小回应 · 2021-1-5 07:36:51

@糯糕团子

他的回答基本正确，只是补充一些。

1.ubuntu16.04以上不支持php5。
2.如果实例远程连接能连接上，公网IP不能登陆，请查看安全组规则是否正确设置。
3.公网能ping通后，可以国外买个域名，域名解析服务，不用备案就可登陆个人网站。

热心的小回应 · 2021-1-5 07:36:52

免费建站指南: 如何建立自己的网站
要建立一个专业的网站，你不需要学习任何的编程知识，也不需要是电脑专业人员。你只要你跟着以下这个免费建站指南操作，你的网站会在10分钟内上线。
建立一个网站的3个步骤:
第1步: 购买域名(.com, .net 等等)。域名也就是你网站的网址
第2步: 购买主机空间 (Hosting)。主机空间是用来存储网站资料和安装网站搭建平台(CMS)
第3步: 安装WordPress免费建站平台(CMS)。目前，大部分网站都是用WordPress来搭建的
最后，你只需添加页面，文章，图片，和视频等等内容。还有，你想要的网站功能基本也可以通过安装插件(Plugins)来完成。例如，你想在网站上销售产品，你只需安装WooCommerce电子商务系统插件就可以了。又例如，你想建立一个带有免费和收费功能的会员网站，你也只需安装一个插件，如Simple Membership Plugin就可以了。
如果你准备好，我们就可以开始建立一个专业网站了！
每一个网站都需要一个域名(网址)和空间(主机空间)。好消息是，这些你都可以在US Domain Center(美国域名中心) 这家全球性公司购买(接受支付宝，美元，或任何国家货币)，而且美国主机也是全球最发达的。US Domain Center有提供自动绑定域名和空间功能，以及一键安装免费WordPress功能。你不需要操作设置数据库，下载WordPress和上传WordPress等繁琐事情。WordPress安装完成后，你的网站会马上上线，无需备案。世界各地的浏览者或客户都可以用最快的速度浏览你的网站。
US Domain Center: http://www.usdomaincenter.com/
US Domain Center的数据中心遍布世界各地，除了北美外，还在亚洲地区和欧洲等地拥有数据中心。用户可根据网站访问者的来源分布选择最适合的数据中心位置，以优化网站用户的体验。US Domain Center保证99.9%的可使用时间，承诺使用最好的防火墙、路由器和服务器，实现完全整合的监控系统。US Domain Center数据中心的安全技术也非常先进：创新的安全技术阻止外界恶意访问数据中心，24小时7天现场技术人员维护，自动的邮件病毒检测、清除，每日网站备份和增量备份等。
下面是在US Domain Center购买域名和空间，以及安装WordPress免费建站平台的详细步骤：
第一步: 选择货币和搜索域名
首先，进入US Domain Center: http://www.usdomaincenter.com/ 的官方网站。
你可以先选择支付的货币，如USD(美元)，CNY(人民币)，或任何国家货币。你也可以在后面的购物车那里选择。
接着，在搜索框内输入你想注册的域名(网址)，如 wpketang 然后点击 SEARCH 来搜索。

第二步: 选择想注册的域名
如果你想注册的域名还没有被注册的话，你会看到 Good news, this domain is available。点击 Select 选择该域名，然后选择 Continue to Cart 来添加到购物车。

第三步: 选择私隐保护和主机空间
在进入购物车页面前，US Domain Center会展示以下的页面
Step 1 | Privacy: 建议选择Privacy Protection来保护隐私
Step 2 | Options: 选择Hosting 的Economy – $6.00/mo
注:1) 不要选择Website Build + Hosting，因为这个不可以安装WordPress免费建站平台。
2) 一般的博客，网站，或电子商务网站使用Economy – $6.00/mo就够用了。如果以后你的网站做得很大，你也是可以随时升级的，刚开始不需要浪费钱。
Step 3 | Email: 不需要选择专业的企业邮箱，因为US Domain Center有免费赠送一个专业电邮给你。
点击 Continue to Cart 按钮，进入购物车页面。

第四步: 输入优惠码或选择支付货币
购物车页面列出了你选择的域名，隐私保护，主机空间，和总费用等。你在这里可以修改域名注册和主机空间购买的年限。
在Have a Promo Code? 那里输入以下优惠码
优惠码 1： 100cr15优惠码 2： 50cr10

输入优惠码后，点击 Apply, 购物车会自动把价格折算成优惠之后的价格。

在右边的框框里，你会看到你的总额 Total Cost。在这里，你可以选择USD (如果你想用美元，例如信用卡，PayPal等)，或者选择 CNY (如果你先想用人民币支付，例如支付宝，银联等)，或选择其它国家的货币。US Domain Center的强大系统会根据汇率计算对应的总价。

点击 Proceed to Checkout 按钮来到付款结算页面。
第五步: 创建账户或登录账户
如果你已经注册了账号，你可以直接输入用户名和密码来登录。
如果你是新客户，点击 New Customers 下面的 Continue 来继续。

第六步: 创建账户或登录账户
填写资料时，有3项需要注意:1) 需要用英文或拼音填写2) PIN安全码是在你通过电话或Live Chat联系US Domain Center客服时确认身份所需的, 任何4位的数字都可以3) 填写的资料会根据你使用的支付货币和所在的国家有点不同，如
通过美元支付的页面

通过人民币支付的页面(支付宝或银联等)

也就是说，US Domain Center的系统会根据你选择的货币来显示付款方式。例如，如果你选择美元，你会看到信用卡，PayPal或Checking Account等支付方式。如果你选择人民币，你会看到支付宝(AliPay)，银联，和信用卡等。 US Domain Center接受任何国家的货币和支付方式。点击 Continue 来继续。
第七步: 检查资料和下订单
你应该详细检查资料，然后点击 Place Your Order 来下订单。

第八步: 购买的收据

第九步: 认证电邮提示

第十步: 登录你的电邮来认证

登录你购买网站(注册账户)时使用的电邮，然后点击 Verify your email address 来进行认证就可以了。
第十一步: 认证成功
认证后，你会看到 Your email address is verified。接着，你可以点击 My Account 进入账户来继续。

第十二步: 设置主机空间
点击 WEB HOSTING 右边的 Manage 设置主机空间

第十三步: 设置cPanel主机管理系统
点击 Set Up 来设置Cpanel, 最强大的主机管理系统

第十四步: 绑定域名和空间
选择购买的域名，然后点击 Next 来快速绑定域名和空间。

第十五步: 选择数据中心
根据你选择的国家或面向的客户来选择数据中心(Data Center)，点击 Next 来进行下一步

第十六步: 创建cPanel账户
输入用户名和密码来创建cPanel主机管理系统账户

第十七步: 选择迟点安装WordPress
我们可以选择 No, not Now，然后点击 Finish 来完成设置cPanel。

第十八步: 进入cPanel界面
在cPanel界面，点击右上角的图片来把cPanel改成中文或其它语言。
点击WordPress 的图标来安装WordPress免费建站平台

第十九步: 一键安装WordPress
US Domain Center的强大系统让你一键安装免费WordPress网站搭建平台。点击 Install this application 来进行

第二十步: 填写相关资料
1. Directory (Optional) 需要留空
2. 在 Settings 那里设置WordPress的登录信息
– Administrator Username 是WordPress网站登录的用户名
– Administrator Password 是WordPress网站登录的密码
– Administrator Email 改成你常用的电邮 (可以使用创建US Domain Center账户时的电邮)
最后，点击 Install 就开始自动安装WordPress免费建站平台了。

第二十一步: 完成安装WordPress免费建站平台
安装WordPress免费建站平台只需几十秒的时间。完成后，你的网站马上上线，世界各地的浏览者都可以用最快的速度来浏览你的网站，无需备案。

第二十二步: 网站上线了

恭喜你，你的网站上线了！
如何进入WordPress网站后
WordPress网站后台登陆默认地址是网站域名+后台目录，在地址栏输入http://yoursite.com/wp-admin (把yoursite换成你的域名)就可以了。例如，这个网站的域名是 http://wpketang.com ，那么它的后台的登陆地址是 http://wpketang.com/wp-admin。再次恭喜你拥有自己的网站！

热心的小回应 · 2021-1-5 07:36:53

[h1]建立个人网站从未如此简单：25个优秀个人网站设计模板一步到位[/h1]
本文我整理了25个优秀个人网站设计模板，你会发现，原来不用编程，也不用自己设计界面，各式各样取之不尽的主题就是你的网站UI，建立个人网站原来可以如此简单。

在《老外的个人网站原来是这样设计的：17个最佳范例给你灵感》一文中，我和大家分享了17个优秀个人网站范例。相信看过的朋友一定会被这些精美独特的网站深深吸引，是不是也想要建立一个专属于自己的个人网站呢？看见美丽的事物，想要创造出同样美丽的事物是人之常情。但你也许会说，不会编程，不会UI, 时间也匮乏，怎么建立自己的网站呢？一些朋友也许就此望而却步。那就真的太过遗憾。

别担心，本文我整理了25个优秀个人网站设计模板，你会发现，原来不用编程，也不用自己设计界面，各式各样取之不尽的主题就是你的网站UI，建立个人网站原来可以如此简单。

同样，本文中我会按照个人网站的常用类别展开：

1. 作品展示型个人网站 - 类似于Dribbble和Behance等平台，设计师展示个人作品，但个人网站主动性和功能性更强更丰富；
2. Blog风格的个人网站 - 设计师分享自己的设计理念和想法，交换信息，吸引粉丝和关注；
3. Online shop型的个人网站 - 此类个人网站会有商业用途；
4. 简历型个人网站 - 优化传统简历，更好的呈现自己的作品和技能，找到更好的工作；
5. 个人摄影网站 - 展示平面设计师，摄影师等的作品，是作品集网站的一种；
6. 通用型个人网站模板 - 可适用于多种类型。

此外，个人网站还有不同的制作工具和主题，比如基于HTML编辑器，基于Flash互动网页制作工具，使用Website Builder直接设计，Wordpress主题等等，我也将在每个推荐里展示出来，提供选择。

一. 作品展示型个人网站模板

1）John Doe - 基于HTML5 的单页免费作品集个人网站模板

特点:
使用最新的CSS Framework- Bootstrap创建
流畅的CSS3 动画效果和jQuery插件.
完全的可自定义编辑
响应式界面设计
Google字体
同样适用于blog类型的个人网站设计

John Doe尤其适合自由职业设计师的作品集个人网站制作，可以充分展示自己擅长什么以及想做什么，也可以展示自己以前的作品或项目。界面设计富有创意且优雅。只需一分钟，你就可以了解该模板是如何使用，及其简洁方便。

这里已经有一些使用该模板制作个人网站的真实案例：

Link 1: MARK DAVIES – IT CONSULTANT
Link 2: http://qarniest.com/
Download here.

2） Assemble - 专属的作品集设计模板

特点：
18个美观的主页，单个项目模板，以及无数的作品集设计布局。
酷炫的菜单样式和出色的悬停效果。
可编辑的内置页面和响应式设计。
完全兼容于电子商务广泛使用的免费WooCommerce插件。
也适用于个人博客网站设计。

Assemble是一个免费的在线作品集设计网站，可以将您的设计作品以一种完美的方式展示出来。它包含18个美观的主页供您自由选择，随心设计，打造专属的个人作品集网站。

Download here

3）Instant - 免费的响应式作品集个人网站模板

特点：
包含3页的WordPress主题模板。
使用Bootstrap 3构建。
全屏幕和视差背景。
适用于多种浏览器。
精美字体。

Instance是那些才华横溢的专业设计师建立个人网站的不二选择。设计精美，界面干净，极具创意。包含精心设计的HTML5 Bootstrap模板。它是专门为个人作品集网站建设而设计的。最重要的，该模板完全免费！

用户反馈：“ Beautiful work. A cure to poorly designed eye-sore websites. Thanks for your work!! ” - Daniel Ekal.

Download here.

4) http://Template.net - 作品集展示模板

特点：
基于HTML5构建。
100％可自定义编辑。
紧跟新设计趋势并且极具独特风格。
包含作品集，简历，商业用途等网站模板。
http://Template.net 提供丰富的个人网站模板，包括可用于展示产品的设计，作品集或插图。尤其作品集模板的创意主题被广泛使用。这个基于HTML5的作品集模板为设计增添了独特的触感，可以帮您丰富网站创意。

Download here.

5) Erika - 轻量型的个人作品集网站模板

特点：
基于Bootstrap 3.x创建。
完全的响应式设计。
包含页面模板。
包含HTML＆CSS＆JS文件和有效的 HTML5 / CSS3。
8 个主页模板，3 个标题样式，24 个作品集设计选择，以及55 页面模板。
包含Ajax的动态PHP联系表单。

这是一个包含8个主页变体的多页面个人网站模板。编码良好，你还可以将其轻松的转换为WordPress格式。在干净的白色背景上，文字和其他网页元素清晰可见，您可以清晰地展示您的作品。用户可以轻松地在页面标签之间切换，以查看您的作品集。悬停效果和其他动画效果非常酷炫。

Download here.

6） Martin - 极具创意的单页网站模板

特点：
基于Bootstrap最新版本创建。
包含HTML5，CSS3，jQuery。
完全的响应式设计。
免费更新。
SEO优化良好。

Martinis 是一个简单，富有创造性和完全可响应的HTML模板，可用于展示您的作品集和个人信息。该模板中使用了所有的现代技术，比如HTML5，CSS3，bootstrap和jQuery。该模板可以给你一个个人空间，无论是设计师，开发人员，摄影师，都可以在这里进行创意设计。

Download here.

二. 个人博客网站模板

1）Pofo - 创意Html5 / Css3博客网站模板

特征：
快速页面加载。
免费更新。
极佳的创造性和互动性，灵活强大的HTML5 / CSS3模板。
25个以上的主页演示，包括一个页面主页，210多个HTML页面，150多个不同风格的独特元素。

您可以使用Pofo中不同的列表样式构建一个专业的博客界面，还可以自己制作博客和画廊，或者使用Slider Revolution设置图片里的任何内容。使用Pofo创建博客的一个优点是一切都很简单。它易于浏览（简单，干净的图像框和文本框），方便阅读（直观的博客文章页面样式）。页面加载速度快，并在搜索引擎上进行了优化。

Download here.

2）Free CSS - 多样化博客模板

特征：
各种博客模板主题。
基于HTML5构建。
响应式设计。
也可以用于摄影作品集和商业博客。

Free CSS是一个不同主题的博客模板的大集合。每个主题都有特殊的功能和特色，是一个分享您的想法和写作的好地方。只需选择你最喜欢的一个主题，就可立即创建一个个人博客网站。所有主题都是就免费的！

Download here.

3）Ablogia - 个人博客网站模板

特征：
基于Bootstrap 4.0.0-beta创建。
基于HTML5＆CSS3构建。
现代且极具创造性的设计。
W3C有效的HTML。
完美像素。
800多种Google字体。

Ablogia是一个简单，干净且优雅的博客模板，使用现代技术，如最新bootstrap，html5，css3，jquery等建立了这个模板。界面非常干净。

Download here.

4）Creativemarket - WordPress博客主题

特征：
超过960个WordPress博客主题。
基于Bootstrap 4.0.0-beta创建。
用HTML5＆CSS3构建。
搜索引擎优化。

该模板包含了近千个WordPress主题。您可以体验流畅的博客网站加载和页面切换。博客主题与白色和浅蓝色形成鲜明的对比，你想要展示的信息会清晰呈现。该模板的建立基于最新的HTML5和CSS3技术，并有搜索引擎优化。您可以选择将主题翻译成多种语言，且适用于所有浏览器。

Download here.

5）Read Personal Blog Template

特点：
用bootstrap构建。
响应式设计。
干净的布局。
完整的文档。

Read是最轻量化的个人博客设计模板。有干净的界面和响应的主题。它适用于任何种类的个人博客网站设计，比如旅行日记或教程博客。

Download here.

三. 个人电子商务/网店网站模板

1. Preface - 免费的响应式网站模板

特征：
响应式设计。
基于Bootstrap和jQuery创建。
W3C有效的HTML5和CSS3。

Preface是一个质量一流的免费个人网站模板。完全响应式设计，UI界面设计高级具有质感。这个免费的个人Bootstrap模板具有高质量的设计和代码。它充分响应，可用于商业和个人推广目的。免费下载！

Download here.

2）Jevelin

特征：
一键式网站安装。
拖放元素即可的页面生成器。
社交共享功能。
搜索引擎优化。
多语言和RTL支持。
终身更新和用户支持。

Jevelin是一个响应式的WordPress主题模板。不需任何专业背景，对于非程序员或忙碌的人来说是最合适不过的。它拥有有大量页面元素可供选择。贴心的是，提供视频教程来指导你。它使用拖放页面生成器和MegaMenu来简化许多面板任务。Jevelin本质上是多用途的，适用于多种浏览器或各种设备。Jevelin也拥有优化的SEO导航。

Download here.

3）Kards - 免费的个人网站模板

特征：
充分响应的HTML5和CSS3模板。
极具现代感且干净的设计。
时间轴项目。
易于自定义。
兼容所有主流浏览器。

Kards基于Bootstrap框架设计，是个人作品集，博客或商业用途的最佳模板。组织有序的代码使它很容易进行自定义设计和使用。它的创意设计可以吸引客户到您的网站，使其成为您的业务合作伙伴。该模板跨浏览器兼容，完全免费。

download here.

四. 个人简历网站模板

1） CVstrap - 免费的个人网站模板

特征：
响应式设计。
基于Bootstrap 3构建。

CVSTrap在众多的模板类别中是独一无二的。这是一个免费的简历型HTML5模板，使用该模板，创建一个满意的简历个人网站只需不到一个小时。

Download here.

2）Juleha - 单页简历模板

特征：
用Bootstrap构建。
多样的字体选择。
动画标题。
基于HTML5和CSS3创建。
完美配色方案。
Ajax联系表单。
轻松自定义。

Juleha是一个简洁干净的单页简历模板。支持的浏览器包括IE 10+，最新的Firefox，最新的Chrome，最新的Safari，最新的Opera等。

Download here.

3）Easy Resume – 免费的响应式模板

特征：
用Bootstrap 3构建。
包含HTML5和CSS3。
包含JavaScript和jQeury。
单页多层布局设计。
Google的移动设备测试。
跨浏览器兼容。

EASY RESUME是一个Bootstrap响应式网站模板。设计特别，具有令人印象深刻的视频横幅。这个完全响应式的模板是使用HTML5，CSS3和Bootstrap框架设计的。特色设计之处在于：颜色，图像，悬停动画，平面网格模式，视频背景等。该模板完全免费。

Download here.

五．个人摄影网站模板。

1）Click - 免费的响应式的个人作品集网站模板

功能：
全屏幕标题背景。
跨浏览器兼容。
流畅的CSS3动画。
100％的搜索引擎优化。
100％完全可自定义设计。
用HTML5和CSS3构建。
Bootstrap前端框架。

Click是一款干净免费的HTML5 Bootstrap模板，专为个人摄影作品和专业摄影展示设计。该模板由提供者精心设计，强调排版和整体用户体验。不同年龄阶段的设计师或者摄影师都可以在这里展示自己的作品。所有服务完全免费！

Download here.

2）Liza Photography - 令人惊叹的摄影网站模板

特征：
9令人惊叹的画廊布局。
全屏图库支持。
多个菜单布局。
用HTML5和CSS3构建。
强调排版和可用性。
具有650多种Google字体的高级版。
免费终身更新。

该模板是一个优秀的HTML网站模板，您可以创建一个专业的作品集网站并且创建一个博客。该模板有各种各样的画廊，如网格等，可以很好的展示您的摄影作品。

Download here.

3）SELFIE - 个人摄影师HTML模板

特征：
响应式布局。
滑块介绍方式。
Instagram资讯介绍。
Html 5和CSS3。
包括一个页面布局。
包括博客单页和博客详细信息页面。

SELFIE是一个极具现代感的摄影师网站模板。专为摄影师设计，可以显示您的照片库。该模板具有独特和现代的页面布局，提供了一系列的多设计和多布局选择。该模板是完全响应式的，并已针对平板电脑和智能手机进行了优化。

Download here.

4）Opta - 最轻量的的作品集和摄影HTML模板

特征：
响应式布局以适应任何屏幕尺寸。
简单的图像滑块和文本滑块。
Google Web字体。
PHP联系表格。
任何时候都可以直接向模板开发人员获得一流的支持。

Opta是一个简约的作品集和摄影HTML模板。使用此模板，您可以只用几个步骤就能创建一个惊人的网站。该模板灵活且易于定制，并且是响应式布局。

Download here.

六．其他通用型个人网站模板

1）Awesome - 免费的响应式个人模板
Download here.

2）Wix - 强大的个人网站生成器和模板提供者

Download here.

3）Universal - 轻巧的智能化html5 模板

download here.

4）Unibody - 多功能多页面的HTML5模板

Download here.

借助这些模板，往往不需要花费过多的精力就可以自己创建一个个人网站，甚至不用一行代码，就连UI也有付费和免费的主题可以一键搞定。希望这些优秀的个人网站模板能给您设计网站提供帮助。但是如果你还是想要拥有独一无二的个人网站，设计师只有去真正的进行创作和设计。你需要好的设计灵感，一点一点打造，这里推荐您使用国内最好的原型设计工具Mockplus进行初步构思，把界面和元素进行整合排版，并且搭建相应的交互。最大的优点是你可以在网页进行HTML演示，在线查看您的构思是否合理，设计是否美观，这对后期的设计和开发都将大有裨益。
[h1]相关阅读：[/h1]干货！2018年你值得一看的网页设计作品集赏析
网页设计有难题？12款网页设计模板给你灵感！
极简网页设计技巧，打造简约之美
网站设计缺乏创意？视差滚动网站设计让你与众不同
设计类网站的“联系我们”页面设计盘点
网站着陆页设计，让用户开心着陆的10大技巧！
收集网站用户反馈的5个常用问题
时尚的不仅仅是它们的服装，还有它们的网站设计
这9款小众时尚的酒店网站设计，让你不再恋家
10个最新交互式Web设计实例欣赏
Mockplus 做原型，更快，更简单！

热心的小回应 · 2021-1-5 07:36:54

手上有一个同学闲置不用的linode服务器，昨天下午突发奇想想做一个blog又不想用wordpress，最好还能学学web开发便想用些web框架撘一个主页。然后发现其实没必要，别人已经造好轮子了。从学生个人的角度分享一下经验。

服务器。目前这台linode每月不超过20刀，还能搭建VPN翻墙，适合学习、练手，好评，资金充裕或者身边有同学年年拿国家奖学金愁钱没处花的话可以试试（我就是后面这种情况，免费使用中）。没有服务器的话可以在Github用Github Pages建立个人主页(以后域名就是http://yourusername.github.com )，也方便了管理代码。参考 User, Organization and Project Pages · github:help
域名的话反正我没考虑，等把内容充实起来以后再去买吧。（顺便查了查, Namecheap 的.info域名价钱是$3.99/年，性价比似乎不错。还嫌贵的话.tk免费域名 Dot TK 也能满足要求）
我是想建立一个blog, 就查了一下比较流行的工具，然后发现了 Pelican , 文档丰富教程简单，可定制性也不错，架好之后基本的工作流程就是(针对Github pages): 写东西 => 用pelican生成网页 => git commit+push，就能看到效果了, 可以用小脚本一次性处理。详细见Blogging with Pelican and GitHub 写的非常清楚明白直接（甚至连python也不用懂...）。Pelican也有很多的主题，见 getpelican/pelican-themes 方便clone下来都尝试一番。

目前我就捣鼓到这里了，折腾了一天...接下去希望再折腾一些有趣的应用。
当然如果是那种很严肃的个人主页（比如介绍education, publication之类）可能有其他的framework能用吧。

热心的小回应 · 2021-1-5 07:36:55

楼主楼主，我刚刚重新设计了自己的网站Ming YIN，实在忍不住想要show off一下。
秉承着不让大家裤子都脱了，就给看这个，我一定先上图，再说话：
【主页君】
GIF: home_v1.gif - Jumpshare
VIDEO: home_v1.mp4 - Jumpshare

【认真写的图片zoom out，呼噜呼噜】
GIF: home_v3.gif - Jumpshare
VIDEO: home_v3.mp4 - Jumpshare

【华丽丽地手机主页君】
GIF: home_v2.gif - Jumpshare
VIDEO: home_v2.mp4 - Jumpshare

社区酱好傲娇，gif直接转jpg了，所以要想看口爱的gif君，请移步链接。

===好想睡觉，可是又睡不着的分割线===

言归正传，为什么要有个人网站？

1. 简单明了的个人展示
此类网站我的第一反应就是简单、明了。举个栗子的话就会想到：about.me | your personal homepage，用最少的时间和最短地篇幅再一个网页上展示自己。如果有需要的话，同时告诉别人如何联系到自己。
这样的网站一般都会具有如下属性：

开发成本为0 - 30分钟
附加链接到自己的其他社交、通信平台
明快简介的设计让一张图就抓住别人的眼球

好的Examples：

2. 定期有内容产出的发布平台
嗯啊，这就是传说中的曾经的博客们啦。但是，随着越来越多的垂直社区变多，网页可以承载更多的内容（声音、网页设计、视频等等），微博、微信等轻量级碎片型内容输出平台增多，写作平台的出现。这样的类型的个人网站，更多的是在某专业内，定期输出内容供自己的subscribers们享用。
这样的网站一般都会具有如下属性：

基于某一个范博客平台：Wordpress，Blogger，Tumblr，新浪博客等
基于某一个垂直社区的类发布平台：社区专栏，简书，Segment Fault博客，LOFTER，V2EX记事本，Medium，Svbtle等
如果想要这样的个人主页有价值，就要固定地产出有内容的信息
突出个人在于某一个行业、行为、类别知识上的优越性

好的Examples：

3. 单纯的自我总结归纳，自我欣赏
好吧，终于到了这个了呢（我的网站就属于这个范畴）。到了这个阶段，如果自己不会写Code，恐怕就不行了。大家有的是完全自己捯饬，有的人则是基于一个Blog系统再自我改造。从样式、功能、逼格都是完全要自我掌控，而且一定会配搭一个叼炸天气的域名，像是什么http://fuck.me，http://anal.io，http://12306.com之类的就都出来了。
这样的网站一般会有如下属性：

个人网站突出地显示了做网站的人的程序、设计、美学水平（请不要主观联系到12306好么）
完全是自己闹着玩，其实没什么愿意看，做的人一般不是闲的蛋疼就是不自己做一个就蛋疼
但是做得很好的话，就会感觉特别吊，建议有此意向的人研习下列课程： HTML&CSS 101，Typography 101，Web Application Development with PHP 101，How RSS Works 101，Graphic Design 101，Why White Space is More Important Than Your F**king Stupid Color Selections 201等
网站制作方式一般有：彻头彻尾自己写，基于Jekyll Simple, blog-aware, static sites，或者更完善一点的Octopress，大家也可以去看一下Logdown, blog things with Markdown
网站的内容也是根据个人喜好的，是自己写一点四十五度仰望星空明媚的忧伤；还是谈古论今高谈时事政治；或者是不停地post一些从Hacker News上Copy下来的最新libraries；实在不行就是自己不停地改网站样式却什么内容都不输出。

好的Examples：

还有好多好的独家珍藏。好啦，要回宿舍了，Study Center只有我一个人孤孤单单的，好伤心。有没有好基友来找我过夜呀？

热心的小回应 · 2021-1-5 07:36:56

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集素材

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

四、选择合适的建站程序

尽量选择追随者众、流行广的开源程序。比如wordpress、Z-blog

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带

如何建立个人网站？

10 个回复

浏览过的版块