静态网站

今天跟大家分享一下，如何不花钱，不用购买服务器，将博客部署上线。 视频内容，请浏览链接 1、博客工具 做博客有很多工具，这里我推荐hugo。 理由如下： 1、安装简单，不需要搭建复杂的环境。 2、使用简单，你不需要敲代码，直接写博客内容、粘贴图片就可以发布博客了。 3、主题丰富，你不需要自己设计网页，直接套用别人的主题就可以了。如果你想diy，也可以在别人的主题的基础上修改即可，这些资源都是开源免费的。 hugo的具体使用方法，需要单独开文章分享，这里就不赘述了，否则篇幅过长。 2、推到git平台 假设大家已经，使用 hugo 构建了 这样的一个博客。 我们先使用 git init 指令，在本地创建仓库。 接下来，在github平台，创建一个远程仓库。 接下来，使用 git add、git commit、git push 等指令,将博客内容推送上去。 （建议对照视频：01:20 开始 ）, 视频请浏览链接 3、免费部署上线 我们使用 CloudFlare Page功能，免费部署上线。 这里需要新增环境变量的配置 HUGO_VERSION = xxxx。 确保构建平台的hugo版本和我们电脑本地的hugo版本保持一致。 （建议对照视频：03:38 开始 ）视频请浏览链接 4、配置域名 配置域名，首先要购买域名。 购买域名的步骤，我已经梳理清楚了，大家可以看一下这个视频。 假如说，你此刻已经购买了一个域名。 那么你可以在自定义域这里，添加一个合适的域名 配置生效之后，你的博客网站就发布成功了。 （建议对照视频：07:32 开始 ）视频请浏览链接 以上就是本期分享，可以动手尝试一下。

本文是写给想做网站、做博客的朋友。本文讨论的话题是：seo。 什么是seo呢？ 它的全称是SEO（Search Engine Optimization），中文意思是：搜索引擎优化。 它的主要作用是，提高你的网站，被搜索引擎，搜出来的概率。 比方说，你做了一个分享养宠物心得的网站。 你希望其他人在搜索引擎（必应，google）上，能够快速找到你的内容。 那么做好网站的 seo ，就能达到这个目的。 可能有人认为，ai已经很厉害了，谁还会去网上搜东西呢？直接问ai不就好了。 我承认：ai确实是非常厉害，但它并非全知全能。 在我的使用体验中，我觉得它只是一个辅助工具。 也许它能解决80%的问题，但仍有一部分问题，需要自己动手收集资料解决。 以上闲扯了一些这个话题的背景，接下来进入正文。 1、搜索引擎的原理 搜索引擎首先会礼貌地爬取「公开」的网站信息，没错，就是用爬虫去爬。 当然了，私密的东西，肯定不会爬取。例如，你的朋友圈。 然后，解析爬下来的网站内容，存到专门用于搜索引擎的数据库，不是普通的Mysql那种数据库。 再然后，就是对这些内容进行排名。优质的、权威的内容，自然就会排在前面。 最后，用户在搜索平台输入关键字后，平台就会将相关结果，按照评级的先后顺序，给到用户。 2、seo技巧 能被搜索引擎，排到所有结果的头几位去展示，意味着你的网站内容相对比较出色。 进而能提高点击率，提高流量。 那么，有哪些技巧可以提高网站排名的优先次序呢？可以遵循下面这些方法： 2.1 配置https证书 没有https，意味着你的网站可能会有风险，别说搜索引擎了。 就连你的浏览器，都不想让你访问这个网站。 所以，请务必给自己的网站配个ssl证书。 后面，我会写文章，讲一下 https 以及 如何给网站配置https证书。 2.2 提交sitemap 这玩意，可以简单理解为 你的网站清单，相当于告诉搜索引擎：我的网站里有这些东西，你爬的时候，千万别漏掉。 其实，很多建站工具（wordpress，hexo，hugo等）都有相关的插件来生成这个文件。 因此，不需要你亲自动手写这个玩意了。 2.3 结构化数据 你的网站布局要清晰，例如：作者、主题、发布时间、标签等等。 你的内容越清晰、越结构化，搜索引擎越容易识别出来。 千万别整一大坨内容堆在那里，给自己挖了个大坑。 2.4 外链 外链，就是其它网站作者，引用你的网站的内容。 点击外链之后，浏览器会跳转到你的网站。 这其实有点像学术论文，你的论文，被别人引用的越多，意味着，你的论文越有价值。 2.5 网页响应速度 某些搜索引擎，会把响应速度作为重要的排名因素。 因此，压缩图片，尽可能地提高加载速度，越快越好。 2.6 移动端适配 现在手机的使用频率，已经远远高于电脑了。 前段时间，跟一个零零后聊天，他说，他平时都用手机。他不喜欢使用电脑，也不怎么会使用电脑，甚至连打字都不太熟练。 听完，我震惊了很久。 所以，网站一定要做好移动端适配。否则，会损失大批的手机用户。 2.7 标题 H1，H2 层级清晰，要有关键词 这就不用多说了，没有关键词，别人怎么会检索到你呢？ 2.8 url中要有关键词 你的网站的url中，最好是要包含关键词。例如， ...

本文通过实战案例，跟大家分享两个免费托管静态页面的平台。 简单来说，你可以在这些平台上免费发布你的个人简历、个人网站、博客等内容，超级方便。 1、Github Github 配置静态页面的步骤最为简单。 1.1 创建一个仓库 点击 new ，填写完配置信息后，即可创建一个个人仓库。 1.2 提交代码 将你的静态网页代码提交上去，一定一定要注意：必须要有 index.html。另外，这个项目的访问权限一定要配置成public（默认的）。 简单解释一下：index.html 相当于一个入口。不然的话，平台不知道从哪个页面开始解析。 我这里已经写好并开源了一个简历模板——个人简历模板，有需要的朋友可以参考一下。 1.3 配置页面 在仓库主页面，找到setting，找到page，找到main，选中之后，点击save。 稍作等待，你的网站就上线了！！就这么简单！！！！ 2、CloudFlare（以下简称CF） CF 托管静态页面，有两种方式： 方法一：关联git仓库 进入CF平台的账户界面，在 workers and pages 这里，创建一个应用。 点击 GitHub 这个选项，连接你的 Git 仓库。 对仓库进行授权。 点击 deploy 进行部署，无需填写任何东西。 稍作等待，你的个人简历网站，就发布成功了！！！ 方法二：上传静态文件 在这里创建一个新的应用。 点击这里，选择上传文件。 将刚才的简历项目打包，然后，上传至CF平台。请务必上传压缩包。上传文件夹以及其它形式都不太方便。 点击deploy，稍等一会，你的简历网站就发布成功了！！！ 关于 CF 的这两种部署方式，我想说一点，就是我更推荐第一种方式。 因为只要你提交代码到git仓库，它就可以自动更新页面（读者请自行尝试一下）。 而第二种方式很麻烦，需要你手动提交，也就是把网页代码重新打包，再上传到CF上。 以上就是本期分享，感谢阅读。最后想说一点，就是 CloudFlare 有很多免费好玩的用法，后面会继续更新文章探讨这些问题。再次感谢阅读。