# 网站
<p class="uk-article-lead">这里是你网站的核心部分。你可以在这里通过树状视图管理页面和菜单,创建和编辑小工具,管理你上传的所有媒体文件和修改网站的一般设置。</p>
[TOC=2]
## 页面和菜单
在站点树中管理网站的内容。你可以在界面的左侧看到所有已有的菜单的概览。把鼠标放到单个条目上时,就会显示该菜单的 _Edit_ 和 _Remove_ 按钮。要创建新的菜单,点击 _Add Menu_ 按钮。你并不必须进入网站设置来创建菜单。你可能还想在管理区域使用它来对你的网站内容进行简易的分组管理。
不属于任何菜单的页面将被列入到 _Not Linked_ 视图中,而弃用的页面被列在 _Trash_ 视图中。它们都可以通过访问下面的菜单来访问。
**Note** 与网站内容相关的扩展程序也必须被链接到,例如[博客](https://pagekit.com/marketplace/package/pagekit/blog) 和 [Portfolio](https://pagekit.com/marketplace/package/bixie/portfolio),可以在 _Not Linked_ 中找到,当然,首先你得安装这些扩展。
![](image/site.png)
如果你点击某个菜单(例如截图上面的 _Portfolio _),界面右侧将会更新。这里,你可以看到所选菜单的所有条目。
通常,菜单的条目可以是静态页面,也可以是链接(指向网站内部某处的链接,或者是外链)。然而,菜单的条目也可以是通过你已安装的扩展带来的另一种形式。例如,_Blog_ 扩展可以从站点树的任意位置指向到。
## 渲染菜单
如果你将鼠标悬停在一个菜单上,并点击 *Edit* 图标,将出现一个模态对话框。你可以对菜单重命名和将其分配到主题定义的任意菜单位置。下面的截图展示了这个菜单同时被渲染到网站的主菜单和抽屉导航中。
![](image/site-menu-edit.png)
## 页面
Pages 和其他菜单条目可以通过界面右侧的选项进行管理。它显示了网站的层次结构,并可以通过拖拽进行排序。
要新建一个页面,点击右上角的 _Add Page_ 按钮,并选择页面的类型。Pagekit 有一些预设的页面类型——任意扩展都能新增其他的类型到这个列表中。你还可以通过点击页面书中的标题来编辑现有的页面。这个操作将带你进入编辑页面,基于你创建的条目类型,可能看起来有所不同。
当把鼠标悬停在列表中的页面上时,会显示一个 home 图标。点击它即可将该页面指定为首页。
要启用或禁用某项,在状态栏点击绿色或红色圆圈即可。这个操作将决定该项在渲染后的菜单中出现或消失。被禁用的菜单项并不能通过手动输入该页面的 URL 进行访问。
该条目的类型依然显示在树状视图中。拖拽另一个条目到它的右边可以做出一个子菜单。这样就能自动创建生成的 URL 的层级结构。
在每个条目旁边有一个选择框。选中一个或多个选择框,将出现一个工具条,它提供了一些快捷方式,比如移动或删除页面,一键启用或禁用多个条目。
### 类型:页面
页面基本等同于静态网页。典型地,你可以使用页面来做例如 _About Us_ 或 _Contact_ 页面。对于可编辑的内容,你可能更愿意使用博客。
![](image/site-page-edit.png)
在 **Content** 标签页中,你可以编辑页面的主体内容,比如文章正文、标题和 slug 等。另外,你可以输入页面的标题,它会显示在前端菜单中,还可以启用或禁用页面,限制某些用户角色的访问权。在 **Theme** 标签页下,包含了当前使用的主题指定的主题选项。最后,在 **Meta** 标签页中,你可以输入面向搜索引擎的标题和描述,以及可访问性和社交媒体分享。
**Note** 这里的 slug 是计算机友好版的标题,所以它可以包含在页面的绝对 URL 中。如果你不希望生成的 slug,可以自己填写。
### 类型: 链接
链接是最灵活的类型,因为可以用它来创建任意的内部或外部 URL 。
![](image/site-link-1.png)
在 **Settings** 标签页下,你可以手动填写 URL 字段。作为一种选择,可以点击 _Select_ 按钮使用链接选择器。它允许你选择扩展程序和视图进行链接。你可以将链接类型设置为一般链接、其他链接的别名或者作为重定向。
![](image/site-link-2.png)
**Note** 如果你不确定要用什么类型,就让它是默认的 _Link_ 类型。
在 **Theme** 标签页中,含有针对主题的特定设置项,在 **Meta** 标签页可以输入面向搜索引擎的标题和描述文本,可访问性和社交媒体分享。
## 小工具
小工具是一种由当前激活的主题定义的用于呈现小块内容的区域。小工具的内容可以是静态的——例如自定义HTML、Markdown 或纯文本——或者动态的内容,比如由已安装的某个扩展生成的幻灯片。
![](image/site-widgets.png)
在 _Widgets_ 页面,你可以看到所有小工具的概览,它们都按照发布的位置进行排序。你可以通过拖拽调整它们的排序。通过点击状态栏的绿色或红色的圆圈来启用或禁用。
如果选择了一个或多个小工具,将出现一个工具条。可以改变多个小工具的状态,比如复制、删除或者将他们移动到不同位置。你可以通过上方的搜索框来查找小工具。这可以在处理大量内容时派上用场。
**Note** 删除小工具时要小心,因为一旦删除就不能恢复了。
Pagekit 带有预定义的小工具类型: _Menu_, _Text_ 和 _Login_ ;扩展程序可以添加自有的小工具类型。
### 编辑
点击小工具的标题打开它的编辑界面。默认地会显示 _Settings_ 标签页。标签页的内容取决于小工具的类型。文本小工具有编辑器,菜单小工具提供了选择菜单的选项和其他功能。所有小工具类型的右侧都有相同的可用选项,允许你启用或禁用小工具,指定小工具在主题中的显示位置以及访问限制等。
![](image/site-widget-edit.png)
在 _Theme_ 标签页中提供了小工具的外观设置。你可以选择一个面板风格,比如包含小工具内容的内容框,隐藏或居中显示小工具的标题和内容。记住,这些设置是由当前激活的主题指定的。下面的截图显示的选项是由 Pagekit 默认的 One 主题提供的。
![](image/site-widget-theme.png)
在 _Visibility_ 标签页中,可以选择小工具被渲染到的页面。如果没有选择,那么这个小工具会显示在所有页面上。
![](image/site-widget-assignment.png)
## 存储
在 _Storage_ 标签页中,包含一个叫做 [Finder](223155) 的文件管理器,可以用来管理你的媒体文件和上传文件。
## 设置
在 _Settings_ 标签页下,包含网站的所有外观选项。它被分为 _General_, _Theme_, _Code_, _Maintenance_ 以及 _Meta_这几部分。
### 常规
在这里,你可以设置一些常规信息,比如网站的标题。可以设置作为网站品牌标识的LOGO,浏览器小图标(favicon)和在 iOS 中作为网站快捷方式的应用图标。
### 主题
在这里可以找到当前启用的主题相关的主题设置。如果当前的主题没有提供或者要求用户进行设置,那么 _Theme_ 标签页可能不会显示。
### 代码
在网站的页眉(header)或脚注(footer)中插入代码。这可以用于跟踪代码或者手动添加 meta 标签。
### 维护
在这里,可以将网站设为维护模式,并输入一段在网站维护时显示给访客的信息。作为管理员依然可以正常浏览网站。
### Meta
输入一段描述文本并选择一张预览图片,它们将显示在分享在社交媒体的网站链接处。另外,还可以输入你的 Facebook ID 和 Twitter 用户名。