如何通过新手搭建网站流程快速掌握网站建设技巧？
- 内容介绍
- 相关推荐
嘿，兄弟！今天给你聊聊怎么用新手搭建网站的流程。 我跟你说这可不是要你学会十个编程语言，而是教你用最简洁的步骤搞定一个自己的站点。 哈哈，你以为这事儿难？不对不对，应该是很容易。 你懂的，只要按部就能跑。 说实话，你也许现在正想把自己的博客或者作品展示给全世界，但不知从何下手。 那就跟着我，一起慢慢来。
挑选域名，别太难
先说域名吧。 域名就是你的网站地址，像 www.xxx.com 那样。 想想看，你想让人们记住什么名字？ 最好短小精悍，又能反映你的内容或品牌。 咱就是说不必追求那么炫酷， 何苦呢？ 只要有辨识度就行。 如果你是学生，可以用自己的名字加后缀；如果是公司，就用公司全称或行业关键词。 不管怎样，记得避免使用数字和特殊字符，主要原因是它们看起来很怪异，也不容易记住。
然后去买域名，你可以直接在云服务商那里买，也可以去专业注册商购买。 他们一般都有“一键解析”功能，把域名指向你的服务器IP就可以了。 地道。 这一步可别急着搞完，主要原因是接下来还有备案这件事儿——国内必须备案才能正常访问。
没准儿… 讲到备案， 我先说一句：这件事没那么恐怖，只需要准备好营业执照或个人身份证，然后填表上传图片就行了。 如果你是个人站点，就用身份证；如果是公司，则要用营业执照扫描件。当然要注意文件大小和清晰度，否则系统会提示“文件过大”。 害，这个细节我以前没注意过以后一定检查两遍！ 您也可以直接在云服务商后台找到备案入口，一键提交，省时又省力。
找服务器：Linux还是云？
下一步是服务器选取。有两条路可走：自己租一台 Linux VPS 或者直接用云主机套餐。 云主机更方便，主要原因是往往自带监控面板、自动备份等功能，而且付费模式灵活多变。不信的话试试看吧！ 说实话， 我之前也是先买了一个低配的 Vps，然后在上面装了 Nginx，再通过 Xshell 登录进去改配置文件——那种“自己动手”的感觉真爽。
如果你怕命令行麻烦， 那就去看下面的宝塔面板部分，它几乎把所有繁琐工作都图形化了让你只需点击几下即可完成部署，归根结底。。
宝塔面板：省心省力的利器
安装宝塔面板非常简单，只需要登录服务器终端施行一行脚本即可完成安装。比方说：，换言之...
wget -O install.sh http://download.bt.cn/install/install_6.8.sh && bash install.sh
脚本跑完后 你会得到一个 IP 地址和端口号，打开浏览器输入即可看到界面。 咱就是说这一步基本不用担心平安问题， 哭笑不得。 主要原因是脚本里已经默认开启了 SSH 密钥登录和防火墙设置。
ssh-keygen -t rsa
ssh-copy-id root@your_server_ip
现在打开宝塔面板， 你可以在左侧菜单看到很多模块——比如软件商店、站点管理、数据库管理等。这些都是让新手友好的工具，也许吧...。
# 在软件商店中搜索并安装 Nginx 和 PHP
# 然后点击站点管理创建一个新站点
# 输入域名、 根目录，然后保存即可
好了现在你的服务器已经开通了 Nginx+PHP 环境啦！接下来就是挑程序或 CMS 来装进去啦。
快速部署 WordPress 或者 Jekyll
WordPress 是最受欢迎的 CMS， 它几乎支持任何主题和插件，一旦装好，你只需要后台操作就能发布文章、 换个角度看.… 修改页面而无需写代码。我常常觉得它像一把万能钥匙，把内容创作变成玩具般简单。
cd /www/wwwroot/your_domain.com
wget https://wordpress.org/latest.tar.gz
tar -xzvf latest.tar.gz --strip-components=1
chown -R www:www *
chmod -R 755 *
rm latest.tar.gz
# 接着在浏览器打开 http://your_domain.com/wp-admin 并按提示完成安装即可
如果你更倾向于静态站点， 那么 Jekyll 或 Hugo 都是一流选择，它们生成的是纯 HTML 文件，速度快且平安性高。一段时间前， 我用了 Jekyll 做个人博客，然后上传到 GitHub Pages 上免费托管，还能通过自定义域名绑定，非常适合技术宅小伙伴。 而且， 如果你懂一点 Python，也可以试试 Flask 或 Django 来做一个微型应用，不过这需要写一点代码，请大家务必...。
**布局** - 宽屏设备可设置最大宽度约 960px， 中间居中显示；手机端则采用百分比宽度 + 媒体查询，实现响应式设计； - 留白重要，不要把内容塞满页面否则用户眼睛会疲劳。 **图像** - 所有图片都压缩到最佳质量下 以减少加载时间； 你想... 图片尺寸最好根据容器大小预先裁剪，不要等到页面渲染完再压缩，那样真的是浪费时间呀； ### 给页面加动态效果 我们总喜欢让网站“动”，但不是每个项目都需要炫酷动画，小动态其实能提升用户体验，却不会增加负担。
佛系。 别以为只要有内容就够了有视觉冲击力才是真正抓住访客眼球的方法之一。 **颜色** - 用两三种主色调为主， 加一点强调色；不要一次性塞进十种颜色，否则会显得乱七八糟； - 背景色尽量柔和，比方说浅灰或米白；正文文字则保持深色，以保证阅读舒适度。 **字体** - 标题建议使用无衬线体， 主要原因是它们在屏幕上更清晰； - 正文字体则选衬线体或者现代无衬线体； - 字间距控制在 1.5 倍左右，让文字呼吸空间。
如果觉得太麻烦，那还是先 Stick 到 WordPress 吧！ 当然还有更轻量级的方案，比如 Hexo或者 VuePress。这些都是不错的选择，但前提是你愿意掌握一点 JavaScript 基础。 共勉。 所以先从最易上手开始，再慢慢进阶吧！ ### 网站美化小技巧：颜色搭配、字体选择 当你的框架搭好了以后就该给它穿衣服啦！
嘿，兄弟！今天给你聊聊怎么用新手搭建网站的流程。 我跟你说这可不是要你学会十个编程语言，而是教你用最简洁的步骤搞定一个自己的站点。 哈哈，你以为这事儿难？不对不对，应该是很容易。 你懂的，只要按部就能跑。 说实话，你也许现在正想把自己的博客或者作品展示给全世界，但不知从何下手。 那就跟着我，一起慢慢来。
挑选域名，别太难
先说域名吧。 域名就是你的网站地址，像 www.xxx.com 那样。 想想看，你想让人们记住什么名字？ 最好短小精悍，又能反映你的内容或品牌。 咱就是说不必追求那么炫酷， 何苦呢？ 只要有辨识度就行。 如果你是学生，可以用自己的名字加后缀；如果是公司，就用公司全称或行业关键词。 不管怎样，记得避免使用数字和特殊字符，主要原因是它们看起来很怪异，也不容易记住。
然后去买域名，你可以直接在云服务商那里买，也可以去专业注册商购买。 他们一般都有“一键解析”功能，把域名指向你的服务器IP就可以了。 地道。 这一步可别急着搞完，主要原因是接下来还有备案这件事儿——国内必须备案才能正常访问。
没准儿… 讲到备案， 我先说一句：这件事没那么恐怖，只需要准备好营业执照或个人身份证，然后填表上传图片就行了。 如果你是个人站点，就用身份证；如果是公司，则要用营业执照扫描件。当然要注意文件大小和清晰度，否则系统会提示“文件过大”。 害，这个细节我以前没注意过以后一定检查两遍！ 您也可以直接在云服务商后台找到备案入口，一键提交，省时又省力。
找服务器：Linux还是云？
下一步是服务器选取。有两条路可走：自己租一台 Linux VPS 或者直接用云主机套餐。 云主机更方便，主要原因是往往自带监控面板、自动备份等功能，而且付费模式灵活多变。不信的话试试看吧！ 说实话， 我之前也是先买了一个低配的 Vps，然后在上面装了 Nginx，再通过 Xshell 登录进去改配置文件——那种“自己动手”的感觉真爽。
如果你怕命令行麻烦， 那就去看下面的宝塔面板部分，它几乎把所有繁琐工作都图形化了让你只需点击几下即可完成部署，归根结底。。
宝塔面板：省心省力的利器
安装宝塔面板非常简单，只需要登录服务器终端施行一行脚本即可完成安装。比方说：，换言之...
wget -O install.sh http://download.bt.cn/install/install_6.8.sh && bash install.sh
脚本跑完后 你会得到一个 IP 地址和端口号，打开浏览器输入即可看到界面。 咱就是说这一步基本不用担心平安问题， 哭笑不得。 主要原因是脚本里已经默认开启了 SSH 密钥登录和防火墙设置。
ssh-keygen -t rsa
ssh-copy-id root@your_server_ip
现在打开宝塔面板， 你可以在左侧菜单看到很多模块——比如软件商店、站点管理、数据库管理等。这些都是让新手友好的工具，也许吧...。
# 在软件商店中搜索并安装 Nginx 和 PHP
# 然后点击站点管理创建一个新站点
# 输入域名、 根目录，然后保存即可
好了现在你的服务器已经开通了 Nginx+PHP 环境啦！接下来就是挑程序或 CMS 来装进去啦。
快速部署 WordPress 或者 Jekyll
WordPress 是最受欢迎的 CMS， 它几乎支持任何主题和插件，一旦装好，你只需要后台操作就能发布文章、 换个角度看.… 修改页面而无需写代码。我常常觉得它像一把万能钥匙，把内容创作变成玩具般简单。
cd /www/wwwroot/your_domain.com
wget https://wordpress.org/latest.tar.gz
tar -xzvf latest.tar.gz --strip-components=1
chown -R www:www *
chmod -R 755 *
rm latest.tar.gz
# 接着在浏览器打开 http://your_domain.com/wp-admin 并按提示完成安装即可
如果你更倾向于静态站点， 那么 Jekyll 或 Hugo 都是一流选择，它们生成的是纯 HTML 文件，速度快且平安性高。一段时间前， 我用了 Jekyll 做个人博客，然后上传到 GitHub Pages 上免费托管，还能通过自定义域名绑定，非常适合技术宅小伙伴。 而且， 如果你懂一点 Python，也可以试试 Flask 或 Django 来做一个微型应用，不过这需要写一点代码，请大家务必...。
**布局** - 宽屏设备可设置最大宽度约 960px， 中间居中显示；手机端则采用百分比宽度 + 媒体查询，实现响应式设计； - 留白重要，不要把内容塞满页面否则用户眼睛会疲劳。 **图像** - 所有图片都压缩到最佳质量下 以减少加载时间； 你想... 图片尺寸最好根据容器大小预先裁剪，不要等到页面渲染完再压缩，那样真的是浪费时间呀； ### 给页面加动态效果 我们总喜欢让网站“动”，但不是每个项目都需要炫酷动画，小动态其实能提升用户体验，却不会增加负担。
佛系。 别以为只要有内容就够了有视觉冲击力才是真正抓住访客眼球的方法之一。 **颜色** - 用两三种主色调为主， 加一点强调色；不要一次性塞进十种颜色，否则会显得乱七八糟； - 背景色尽量柔和，比方说浅灰或米白；正文文字则保持深色，以保证阅读舒适度。 **字体** - 标题建议使用无衬线体， 主要原因是它们在屏幕上更清晰； - 正文字体则选衬线体或者现代无衬线体； - 字间距控制在 1.5 倍左右，让文字呼吸空间。
如果觉得太麻烦，那还是先 Stick 到 WordPress 吧！ 当然还有更轻量级的方案，比如 Hexo或者 VuePress。这些都是不错的选择，但前提是你愿意掌握一点 JavaScript 基础。 共勉。 所以先从最易上手开始，再慢慢进阶吧！ ### 网站美化小技巧：颜色搭配、字体选择 当你的框架搭好了以后就该给它穿衣服啦！