スキル一覧に戻る

build-pkgdown-site

pjt222
更新日 Yesterday
1 閲覧
17
2
17
GitHubで表示
メタdesign

について

このClaude Skillは、Rパッケージのpkgdownドキュメントサイトを構築し、GitHub Pagesにデプロイします。設定、テーマ設定、記事の整理、デプロイメントのセットアップを処理します。新しいドキュメントサイトの作成、レイアウトのカスタマイズ、404エラーの修正、またはデプロイ方法間の移行時にご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add pjt222/agent-almanac -a claude-code
プラグインコマンド代替
/plugin add https://github.com/pjt222/agent-almanac
Git クローン代替
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/build-pkgdown-site

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント

构建 pkgdown 站点

为 R 包配置并部署 pkgdown 文档网站。

适用场景

  • 为 R 包创建文档站点
  • 自定义 pkgdown 布局、主题或导航
  • 修复已部署 pkgdown 站点上的 404 错误
  • 在不同部署方法之间迁移

输入

  • 必需:带有 roxygen2 文档的 R 包
  • 必需:GitHub 仓库
  • 可选:自定义主题或品牌标识
  • 可选:需要作为文章包含的 vignette

步骤

第 1 步:初始化 pkgdown

usethis::use_pkgdown()

这会创建 _pkgdown.yml 并将 pkgdown 添加到 .Rbuildignore

预期结果: _pkgdown.yml 存在于项目根目录。.Rbuildignore 包含 pkgdown 相关条目。

失败处理: 使用 install.packages("pkgdown") 安装 pkgdown。如果 _pkgdown.yml 已存在,该函数将更新 .Rbuildignore 而不覆盖配置。

第 2 步:配置 _pkgdown.yml

url: https://username.github.io/packagename/

development:
  mode: release

template:
  bootstrap: 5
  bootswatch: flatly

navbar:
  structure:
    left: [intro, reference, articles, news]
    right: [search, github]
  components:
    github:
      icon: fa-github
      href: https://github.com/username/packagename

reference:
  - title: Core Functions
    desc: Primary package functionality
    contents:
      - main_function
      - helper_function
  - title: Utilities
    desc: Helper and utility functions
    contents:
      - starts_with("util_")

articles:
  - title: Getting Started
    contents:
      - getting-started
  - title: Advanced Usage
    contents:
      - advanced-features
      - customization

关键:设置 development: mode: release。默认的 mode: auto 会在 URL 后附加 /dev/,导致 GitHub Pages 上的 404 错误。

预期结果: _pkgdown.yml 包含有效的 YAML,具有适合该包的 urltemplatenavbarreferencearticles 部分。

失败处理: 使用在线 YAML 检查器验证 YAML 语法。确保 reference.contents 中的所有函数名称与实际导出的函数匹配。

第 3 步:本地构建

pkgdown::build_site()

预期结果: 创建 docs/ 目录,包含完整的站点,包括 index.html、函数参考页面和文章。

失败处理: 常见问题:缺少 pandoc(在 .Renviron 中设置 RSTUDIO_PANDOC)、缺少 vignette 依赖(安装建议的包),或示例损坏(修复或用 \dontrun{} 包裹)。

第 4 步:预览站点

pkgdown::preview_site()

验证导航、函数参考、文章和搜索功能是否正常工作。

预期结果: 站点在浏览器中以 localhost 打开。所有导航链接工作正常,函数参考页面渲染正确,搜索返回结果。

失败处理: 如果预览未打开,手动在浏览器中打开 docs/index.html。如果页面缺失,检查是否在构建站点之前运行了 devtools::document()

第 5 步:部署到 GitHub Pages

方法 A:GitHub Actions(推荐)

参见 setup-github-actions-ci 技能获取 pkgdown 工作流。

方法 B:手动分支部署

# Build site
Rscript -e "pkgdown::build_site()"

# Create gh-pages branch if it doesn't exist
git checkout --orphan gh-pages
git rm -rf .
cp -r docs/* .
git add .
git commit -m "Deploy pkgdown site"
git push origin gh-pages

# Switch back to main
git checkout main

预期结果: gh-pages 分支存在于远程仓库中,站点文件位于根目录级别。

失败处理: 如果推送被拒绝,确保你对仓库有写入权限。如果使用 GitHub Actions 部署,跳过此步骤并遵循 setup-github-actions-ci 技能。

第 6 步:配置 GitHub Pages

  1. 前往仓库 Settings > Pages
  2. 将 Source 设置为"Deploy from a branch"
  3. 选择 gh-pages 分支,/ (root) 文件夹
  4. 保存

预期结果: 站点在几分钟内可通过 https://username.github.io/packagename/ 访问。

失败处理: 如果站点返回 404,验证 Pages 来源是否与部署方法匹配(分支部署需要"Deploy from a branch")。检查 _pkgdown.yml 中是否设置了 development: mode: release

第 7 步:在 DESCRIPTION 中添加 URL

URL: https://username.github.io/packagename/, https://github.com/username/packagename

预期结果: DESCRIPTION 的 URL 字段包含 pkgdown 站点 URL 和 GitHub 仓库 URL,用逗号分隔。

失败处理: 如果 R CMD check 对无效 URL 发出警告,在添加 URL 之前验证 pkgdown 站点是否已实际部署且可访问。

验证清单

  • 站点在本地构建无错误
  • 所有函数参考页面正确渲染
  • 文章/vignette 可访问且渲染正确
  • 搜索功能正常工作
  • 导航链接正确
  • 站点成功部署到 GitHub Pages
  • 已部署站点上无 404 错误
  • _pkgdown.yml 中设置了 development: mode: release

常见问题

  • 部署后的 404 错误:几乎总是由 development: mode: auto(默认值)引起。更改为 mode: release

  • 缺少参考页面:函数必须被导出并有文档。先运行 devtools::document()

  • 损坏的 vignette 链接:在交叉引用中使用 vignette("name") 语法,而非文件路径

  • Logo 不显示:将 logo 放在 man/figures/logo.png 并在 _pkgdown.yml 中引用

  • 搜索不工作:需要在 _pkgdown.yml 中正确设置 url 字段

  • 混合系统上错误的 R 二进制文件:在 WSL 或 Docker 上,Rscript 可能解析为跨平台包装器而非原生 R。使用 which Rscript && Rscript --version 检查。优先使用原生 R 二进制文件(例如 Linux/WSL 上的 /usr/local/bin/Rscript)以确保可靠性。有关 R 路径配置,请参阅 Setting Up Your Environment

相关技能

  • setup-github-actions-ci — 自动化 pkgdown 部署工作流
  • write-roxygen-docs — 出现在站点上的函数文档
  • write-vignette — 出现在站点导航中的文章
  • release-package-version — 在发布时触发站点重建

GitHub リポジトリ

pjt222/agent-almanac
パス: i18n/zh-CN/skills/build-pkgdown-site
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

関連スキル

content-collections

メタ

このスキルは、Content Collections(Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール)の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。

スキルを見る

polymarket

メタ

このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。

スキルを見る

creating-opencode-plugins

メタ

このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。

スキルを見る

sglang

メタ

SGLangは、高性能なLLMサービングフレームワークであり、RadixAttentionプレフィックスキャッシュを活用したJSON、正規表現、エージェントワークフロー向けの高速で構造化された生成を特長とします。特にプレフィックスが繰り返されるタスクにおいて、大幅に高速な推論を実現し、複雑な構造化出力やマルチターン対話に最適です。制約付きデコードが必要な場合や、広範なプレフィックス共有を伴うアプリケーションを構築する場合は、vLLMなどの代替案ではなくSGLangを選択してください。

スキルを見る