Web建站

今天跟大家分享一下，如何不花钱，不用购买服务器，将博客部署上线。 视频内容，请浏览链接 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 开始 ）视频请浏览链接 以上就是本期分享，可以动手尝试一下。

拥有网站的朋友，不管是个人网站、团队网站还是公司网站，都希望能够看到网站的数据。 例如，访问量如何、浏览量如何，以及网站的用户来自哪些地区，喜欢什么内容等等。 这些数据可以进一步帮助我们优化网站的内容，制作出更加符合用户习惯的网站。 用户看得多了，流量就多了，流量多了，你不就可以接入谷歌广告，赚钱了吗？ （建议大家看一下我的这两期视频，我通过实际案例，分析了流量对于接入谷歌广告的重要性） 言归正传。 那么，如何搭建这样的可视化的平台呢？ 今天，我推荐给大家一个超级实用的, 超级简单，而且免费的方法，包括我自己现在也在用的一个方法，就是将你的网站接入google analytics。 google analytics，我们暂且叫它谷歌分析平台吧，这样说起来比较顺嘴一些。 如何接入这个平台呢？ 第一步，就是进行网站配置。 1、网站配置 打开这个谷歌分析的官方网站。 点击开始衡量。 账号名称这里填写一个简单好记的名字就可以了。 媒体资源名称这里，同样填写一个简单好记的名字就可以了。 接下来是时区和币种，这里一定要跟你所在的地区保持一致。 接下来的商家详情这里，按照你的实际情况选择即可。这个网站是自己制作，自己运营的，所以这里我选择的是小型。 接下来的业务目标这里根据你的实际情况和想法，选择即可。 条款这里选择——我接受。不接受也不行哈，不接受，人家就不让用了。 平台这里，我选择的是网站，选择完了之后，将你的网站域名写到这里。 当你看到这个界面，表示你的谷歌分析平台已经配置成功了。 接下来呢，我们需要将谷歌分析功能嵌入到你的网站里，嵌入成功之后，谷歌才能采集到网站的统计数据。 2、代码配置 点击这里的下一步，我们可以看到有一个弹窗。 弹窗里给了一个demo，介绍了一下，如何将代码嵌入到你的网站里。 这个方式，我们看看就好，不推荐大家使用，因为现在大家建网站都是用的工具或框架，而这些框架里，集成了更简单的配置方法，所以，不需要像它演示的这么麻烦。 接下来，我们重新点击网站这里，页面会给我们一个弹窗。 我们点击右上角的查看代码说明这里。 又会出现一个新的窗口。窗口这里展示的是网站开发的框架。如果你的网站，用的是其中任意一个框架，例如：shopify。 你就可以点击进去，找到专属的配置方式。 那么我这里开发网站，使用的是 hugo 这个工具，不在列出的这些平台内。 所以，我需要换一种方式，嵌入采集功能的代码。如果你的网站，跟我一样使用的 hugo 工具，那么你就可以参考，我接下来将要展示的步骤。 2.1 配置hugo.toml 打开你的网站项目目录，找到 hugo.toml 文件。 将下面这个代码嵌入到你的 hugo.toml 文件中。 [services] [services.googleAnalytics] ID = "G-XXXXXXXXXX" # 替换成你的衡量 ID 嵌入完成之后，将弹窗里的这个ID，填充到xxxxx这里。 OK，只需要做到这一步，就大功告成了！怎么样是不是非常简单。 2.2 提交并发布 接下来，就是将 hugo.toml 提交到 git 仓库。因为，我这里配置了 github 的 cicd 工具。所以，只需要提交代码，就可以将网站发布成功了。 ...

果不其然，我的博客网站，在第一次提交的时候，没有被 google adsense 收录。 见怪不怪了，听过很多小伙伴的网站在提交 google adsense 的时候，都不太顺利。 前两天，在小红书上看到了一个博主的分享，她说，她的网站提交了两年才被 google 收录。 只能说，任重道远吧。 成功不成功，都当做一次体验吧，持续优化就好了。 我的提交审核的时间是3月30日，拿到结果是4月8日，蛮快的，至少比我想象中要快。 谷歌的邮件中并没有具体告诉我问题出在哪里，仅提示我需要纠正网站上存在的问题。 我点击进入 google adsense 官方页面，上面有个提示显示低价值内容。 （首页这里点击进去，就可以看到审核失败的信息提示） 1、面对的问题 我按照上面这个“参阅以下资源”点了进去： 1、最低内容要求 这个链接里的内容，没有看到任何有价值的信息，这里显示的都是很笼统、很众所周知的东西，我觉得任何正常人做网站都不会踩这个雷区。 我自认为，这一条应该是满足的。 2、确保您的网站…… 这个链接里的内容，相对来说丰富那么一点点，另外，有两个视频，指导读者查看具体的优化建议。 这里，主要说的是，要保证内容是原创的、不要抄袭、不要过度地引用别人的东西、要有导航、导航要清晰…… 但说实话，并没有特别多的干货。这些建议大多用的都是形容词进行描述，例如，要将导航做得清晰。 我想知道，什么是清晰？什么是不清晰？这里都没有提到。 而且，我的博客网站是有导航的。 3、关于内容贫乏…… 这一部分内容会稍微有那么一点价值，至少它提供了一个页面，告诉你是否存在人工审核问题。 （我的网站没有人工审核问题，但依然没有接入 google adsense） 这个页面指出了一堆改进方法，可以说是浩如烟海，如果逐条研究的话，时间成本还是挺多的。 说来说去，google 还是希望有价值的、原创的内容呈现在页面上，但什么是有价值的，这个网页依然没有给出一个明确的指标。 （我的博客文章都是自己手写的原创文章） 也许 google 怕说的太明白，大家就有漏洞可以钻了吧。 4、网站站长质量指南 点进去之后，并没有看到有用的指南信息。依然是车轱辘话，反复说 —— 不要制作垃圾内容，不要重复使用关键词…… 面对如此空洞（它自己就很空洞）的“指南”，我们应该做什么呢？ 2、应对策略 2.1 整改并再次提审 整改肯定是要做的，肯定不能放弃，对吧。最多只是花点时间成本而已，又不要钱，而且对自己也是一种成长和提高。 搜了一些干货，可以从下面几个角度整改： About / 关于 页面（介绍博主是谁） Privacy Policy / 隐私政策 页面（必须有） Contact / 联系方式 页面 Disclaimer / 免责声明（技术博客尤其需要） 继续保持更新 接入网站数据分析工具（Google Analytics、Google Search Console、Cloudflare Analytics），查看网站浏览情况 学习别人的网站，参考一下网站的排版、布局以及自己网站没有的元素 另外，我在网上查到了一些有价值的信息，例如：流量为王，网站要有人看，谷歌可以看到你的网站浏览数据是怎样的。 ...

本文是写给想做网站、做博客的朋友。本文讨论的话题是：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 有很多免费好玩的用法，后面会继续更新文章探讨这些问题。再次感谢阅读。