《B站》专题

注意: Adobe Muse 不再添加新增功能，并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助，请参阅 Adobe Muse 服务结束页面。 除了使用非常直观之外，Adobe Muse 还可以帮助您快速创建可在线查看的 Web 项目原型。创建试用网站的功能意味着您可以与潜在客户共享链接，以便他们可以使用将显示网站最终版本的相同浏览器在线查看原型。这有助于客户了解完成后的网站的外

注意: Adobe Muse 不再添加新增功能，并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助，请参阅 Adobe Muse 服务结束页面。 Adobe Muse 中的网站地图是什么？ 网站地图代表的是网站的层次结构。您可以创建位于同一级别的页面（无子页面），或者您可以创建包含不同层次页面的网站地图。（例如，较大网站可具有包含两个名为“我们的使命”和“我们的员工”子页面的“关于

注意: Adobe Muse 不再添加新增功能，并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助，请参阅 Adobe Muse 服务结束页面。 通过使用 Adobe Muse 中的响应式网页设计，您可以创建并设计适用于移动设备的网站。通过使用响应性布局，您可以使用一个 Muse 文件来创建适用于所有设备的网站，包括移动设备。 首先，您应该确定要为其设计网站的浏览器宽度。然后，您可

注意: Adobe Muse 不再添加新增功能，并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助，请参阅 Adobe Muse 服务结束页面。 注意:   Typekit 现已更名为 Adobe Fonts，包含在 Creative Cloud 和其他订阅中。了解详情。 现在，Adobe Muse 已与 Adobe Comp CC 集成，后者是 iPhone 和 iPad 上提供

注意: Adobe Muse 不再添加新增功能，并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助，请参阅 Adobe Muse 服务结束页面。 Adobe Muse 入门 登录后，Adobe Muse 工作区启动。您可以看到 Adobe Muse 欢迎屏幕。执行以下操作之一： 单击“新建”，创建新网站。 单击“打开”并浏览计算机中的现有 .muse 文件。使用“欢迎”屏幕创建新网

我们当初在注册域名之时没有开设域名邮箱，如果开设的话需要另外付费。我们使用了免费版的腾讯企业邮箱。 免费版本的腾讯企业邮箱有以下限制： 50人帐号上限 2G邮箱容量 2G企业网盘 2G个人中转站 步骤 创建个人域名邮箱的步骤为： 申请一个腾讯企业邮箱 在cloudflare的DNS中增加MX字段 在申请的腾讯企业邮箱中增加成员邮箱地址 配置邮件收发客户端 配置邮件客户端 POP3/SMTP协议接收

搜索引擎优化简称SEO（Search Engine Optimizing）。 在您的网站上线后，做SEO时需要检查如下内容： 集成Google Analytics或百度统计 为页面增加header信息，如title和description sitemap.xml，大多数网站生成工具都会自动生成站点地图，生成之后将其URL提交的Google Webmaster Tools。 robots.txt，阻

对于静态网站，主要可以优化的地方就是网站的加载速度。 了解你的网站性能 查看世界各地访问该网站的速度。 使用ping.pe，ping jimmysong.io的效果如图： 另外还可以使用Grafana的插件，并安装worldping插件，效果如下图所示：

当我的网站 https://jimmysong.io 没有开启 https 的时候，打开网站经常能看到各种莫名其妙的广告。实在受不了无耻的运营商劫持，如下图： 总是在我的网站页面上植入广告，尤其是在微信中打开我的网站链接然后选择在浏览器中打开的时候，最近总是植入广告，迫不得已我要开启https。 因为是用的是 Github Page，启用了自定义域名就无法再在Github中配置开启https，只能

addthis jiathis ishare

前面我们为Hugo集成了Algolia搜索插件，要让我们的网站具备博客的基本功能的话，一般情况下评论也是非常需要的，评论承载着作者与读者之间交流的桥梁，所以我们可以看到市面上有很多单独的评论服务，比如最出名的disqus，国内也有之前比较出名的多说(现在已经关闭)、有言等等，要使用他们非常简单，只需要嵌入一些简单的代码即刻开启移动社交评论 服务。不是这些服务不好，只是觉得稍微有点笨重，这里我们使用

Hugo是由 Steve Francis 大神(http://spf13.com/)基于Go语言开发的静态网站构建工具。没错你现在看到的本博客blog.qikqiak.com就是基于Hugo的，使用 Hugo 创建一个网站是非常简单的，基本上没有什幺门槛，官方还提供了大量的主题供你选择，你只需要专心写你的文章就行。不过有个问题是搜索，我们知道搜索属于动态行为了，如何给静态网站增加搜索功能呢？当然我

我推荐将静态文件跟网站的代码、主题、主体文件分开存储，这样的好处是： 可以使用CDN加快静态文件的访问速度 单独管理静态文件，方便重复应用 可以使用其他工具对静态文件的使用和流量进行控制 云存储 我推荐使用如下两种云存储： 七牛云：https://www.qiniu.com Cloudinary: https://www.cloudinary.com 我将分别介绍两种云储存服务，及其各自的优缺点。

我们的网站会用到以下组件： Hugo：用于静态html生成和进行内容管理 Cloudinary：用于托管图片和静态文件 GitHub：用于存储网站代码同时托管网站 Algolia：用于站内搜索 CloudFlare：用于DNS解析和CDN加速 使用stacks-cli命令行工具可用于分析任何网站的技术栈，Chrome浏览器也提供了这样的工具Wappalyzer。

为了让用户访问域名能够解析到我们申请的GitHub Pages上，需要为GitHub Pages设置CNAME，同时再将我们申请的域名解析到GitHub Pages上。 GitHub设置CNAME 在GitHub Pages的项目根目录下创建一个名为CNAME的文件。 文件中的内容为你申请的域名，如 jimmysong.io godaddy修改域名DNS 第一、登录域名管理列表 第二、选择修改DN