diff --git a/.github/ISSUE_TEMPLATE/bug.md b/.github/ISSUE_TEMPLATE/bug.md deleted file mode 100644 index 6c6b97e..0000000 --- a/.github/ISSUE_TEMPLATE/bug.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -name: Bug -about: Use this template for filing bugs -title: "[DATE]: [FEATURE NAME]" -labels: bug -assignees: '' - ---- - -## Required Prerequisites for filing a bug - -#### You must check both boxes - -- [ ] Have you searched opened / closed issues on this repo for a similar problem? -- [ ] Have you searched the [fastai forums](https://forums.fast.ai/) for a similar problem? - - -## Required information - -#### Failure to provide this information or going through these steps will result in automatic closing of the issue - -1. Steps to reproduce the problem -2. A link to the notebook or markdown file where the error is occuring -3. If the error is happening in GitHub Actions, a link to the specific error along with how you are able to reproduce this error. You must provide this **in addition to the link to the notebook or markdown file**. -4. This will help expedite troubleshooting: the A screenshot / dump of relevant logs or error messages you are receiving from your local development environment. the local development server as indicated in the [development guide (https://github.com/fastai/fastpages/blob/master/_fastpages_docs/DEVELOPMENT.md)? diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md deleted file mode 100644 index 11fc491..0000000 --- a/.github/ISSUE_TEMPLATE/feature_request.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -name: Feature request -about: Suggest an idea for this project -title: '' -labels: enhancement -assignees: '' - ---- - -**Is your feature request related to a problem? Please describe.** -A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] - -**Describe the solution you'd like** -A clear and concise description of what you want to happen. - -**Describe alternatives you've considered** -A clear and concise description of any alternative solutions or features you've considered. - -**Additional context** -Add any other context or screenshots about the feature request here. diff --git a/.github/workflows/chatops.yaml b/.github/workflows/chatops.yaml deleted file mode 100644 index 89b45b8..0000000 --- a/.github/workflows/chatops.yaml +++ /dev/null @@ -1,195 +0,0 @@ -name: Chatops -on: [issue_comment] - -jobs: - trigger-chatops: - if: (github.event.issue.pull_request != null) && contains(github.event.comment.body, '/preview') && (github.repository == 'fastai/fastpages') - env: - NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }} - NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }} - CHECK_RUN_NAME: "Draft-Site-Build" - runs-on: ubuntu-latest - steps: - - - name: see payload - run: | - echo "FULL PAYLOAD:\n${PAYLOAD}\n" - echo "PR_PAYLOAD PAYLOAD:\n${PR_PAYLOAD}" - env: - PAYLOAD: ${{ toJSON(github.event) }} - PR_PAYLOAD: ${{ github.event.pull_request }} - - - name: verify env exists - id: get_status - run: | - if [ -z ${NETLIFY_AUTH_TOKEN} ]; then echo "::set-output name=status::public"; else echo "::set-output name=status::private"; fi - - - name: make comment on PR if env does not exist - if: steps.get_status.outputs.status == 'public' - run: | - ./_action_files/pr_comment.sh "Was not able to generate site preview due to absent credentials." - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - ISSUE_NUMBER: ${{ github.event.issue.number }} - - - name: Fetch context about the PR that has been commented on - id: chatops - uses: machine-learning-apps/actions-chatops@master - with: - TRIGGER_PHRASE: "/preview" - env: # you must supply GITHUB_TOKEN - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - - - name: Set up Python - uses: actions/setup-python@v1 - with: - python-version: 3.6 - - - name: install requests - run: pip3 install requests - - - name: add check run - id: create_check - if: steps.get_status.outputs.status == 'private' - shell: python - run: | - import os, requests - - sha = os.getenv('SHA') - token = os.getenv('GITHUB_TOKEN') - nwo = os.getenv('GITHUB_REPOSITORY') - name = os.getenv('CHECK_RUN_NAME') - - url = f'https://api.github.com/repos/{nwo}/check-runs' - - headers = {'authorization': f'token {token}', - 'accept': 'application/vnd.github.antiope-preview+json'} - - payload = { - 'name': f'{name}', - 'head_sha': f'{sha}', - 'status': 'in_progress', - 'output':{ - 'title': f'Building preview of site for {sha}.', - 'summary': ' ', - 'text': ' ' - }, - } - response = requests.post(url=url, headers=headers, json=payload) - print(response) - id = response.json()['id'] - print(f"::set-output name=id::{id}") - env: - SHA: ${{ steps.chatops.outputs.SHA }} - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - - - name: add label - if: steps.get_status.outputs.status == 'private' - run: | - import os, requests - nwo = os.getenv('GITHUB_REPOSITORY') - token = os.getenv('GITHUB_TOKEN') - pr_num = os.getenv('PR_NUM') - headers = {'Accept': 'application/vnd.github.symmetra-preview+json', - 'Authorization': f'token {token}'} - url = f"https://api.github.com/repos/{nwo}/issues/{pr_num}/labels" - data = {"labels": ["draft build pending"]} - result = requests.post(url=url, headers=headers, json=data) - # assert response.status_code == 201, f"Received status code of {response.status_code}" - print(result) - shell: python - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - PR_NUM: ${{ steps.chatops.outputs.PULL_REQUEST_NUMBER }} - GITHUB_REPOSITORY: $GITHUB_REPOSITORY - - - name: Copy The PR's Branch Repository Contents - uses: actions/checkout@master - if: steps.get_status.outputs.status == 'private' - with: - ref: ${{ steps.chatops.outputs.SHA }} - - - name: convert notebooks and word docs to posts - uses: ./ # use the code in this repo to instead of fastai/fastpages@master - - - name: setup directories for Jekyll build - if: steps.get_status.outputs.status == 'private' - run: | - rm -rf _site - sudo chmod -R 777 . - - - name: Jekyll build with baseurl as root for netifly - if: steps.get_status.outputs.status == 'private' - uses: docker://hamelsmu/fastpages-jekyll - with: - args: bash -c "gem install bundler && jekyll build" - - - name: deploy to netlify - if: steps.get_status.outputs.status == 'private' - id: py - run: | - sudo npm install netlify-cli -g - netlify deploy --dir _site | tee _netlify_logs.txt - cat _netlify_logs.txt | python _action_files/parse_netlify.py - - - name: make comment on PR - if: steps.get_status.outputs.status == 'private' - run: | - MSG="A preview build of this branch has been generated for SHA: $SHA and can be viewed **live** at: ${URL}\n\nThe current fastpages site built from master can be viewed for comparison [here](https://fastpages.fast.ai/)" - echo "$MSG" - ./_action_files/pr_comment.sh "${MSG}" - env: - URL: ${{ steps.py.outputs.draft_url }} - SHA: ${{ steps.chatops.outputs.SHA }} - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - ISSUE_NUMBER: ${{ github.event.issue.number }} - - - name: remove label - if: always() - run: | - import os, requests - nwo = os.getenv('GITHUB_REPOSITORY') - token = os.getenv('GITHUB_TOKEN') - pr_num = os.getenv('PR_NUM') - headers = {'Accept': 'application/vnd.github.symmetra-preview+json', - 'Authorization': f'token {token}'} - url = f"https://api.github.com/repos/{nwo}/issues/{pr_num}/labels/draft%20build%20pending" - result = requests.delete(url=url, headers=headers) - print(result) - shell: python - env: - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - PR_NUM: ${{ steps.chatops.outputs.PULL_REQUEST_NUMBER }} - GITHUB_REPOSITORY: $GITHUB_REPOSITORY - - # defensively clear check run each time - - name: clear check run - if: always() - continue-on-error: true - shell: python - run: | - import os, requests - - sha = os.getenv('SHA') - conclusion = os.getenv('WORKFLOW_CONCLUSION').lower() - token = os.getenv('GITHUB_TOKEN') - nwo = os.getenv('GITHUB_REPOSITORY') - check_run_id = os.getenv('CHECK_RUN_ID') - if not check_run_id: - quit() - - url = f'https://api.github.com/repos/{nwo}/check-runs/{check_run_id}' - headers = {'authorization': f'token {token}', - 'accept': 'application/vnd.github.antiope-preview+json'} - - data = { - 'conclusion': f'{conclusion}', - } - response = requests.patch(url=url, headers=headers, json=data) - print(response) - env: - SHA: ${{ steps.chatops.outputs.SHA }} - WORKFLOW_CONCLUSION: ${{ job.status }} - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - CHECK_RUN_ID: ${{ steps.create_check.outputs.id }} - diff --git a/.github/workflows/docker-nbdev.yaml b/.github/workflows/docker-nbdev.yaml deleted file mode 100644 index 49c7224..0000000 --- a/.github/workflows/docker-nbdev.yaml +++ /dev/null @@ -1,23 +0,0 @@ -name: Build-Nbdev-Docker -on: - schedule: - - cron: '0 */12 * * *' - -jobs: - nbdev-docker-fastpages: - if: github.repository == 'fastai/fastpages' - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@master - - - name: build container - run: | - docker build -t hamelsmu/fastpages-nbdev -f _action_files/fastpages-nbdev.Dockerfile ./_action_files - - - name: push container - run: | - echo ${PASSWORD} | docker login -u $USERNAME --password-stdin - docker push hamelsmu/fastpages-nbdev - env: - USERNAME: ${{ secrets.DOCKER_USERNAME }} - PASSWORD: ${{ secrets.DOCKER_PASSWORD }} diff --git a/.github/workflows/docker.yaml b/.github/workflows/docker.yaml deleted file mode 100644 index 3478633..0000000 --- a/.github/workflows/docker.yaml +++ /dev/null @@ -1,33 +0,0 @@ -name: Build-Docker -on: - push: - paths: - - Gemfile* - branches: - - master - pull_request: - paths: - - Gemfile* - -jobs: - jekyll-fastpages: - if: github.repository == 'fastai/fastpages' - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@master - - - name: setup directories for Jekyll build - run: sudo chmod -R 777 . - - - name: build container - run: | - docker build -t hamelsmu/fastpages-jekyll -f _action_files/fastpages-jekyll.Dockerfile . - - - name: push container - if: github.event == 'push' - run: | - echo ${PASSWORD} | docker login -u $USERNAME --password-stdin - docker push hamelsmu/fastpages-jekyll - env: - USERNAME: ${{ secrets.DOCKER_USERNAME }} - PASSWORD: ${{ secrets.DOCKER_PASSWORD }} diff --git a/CNAME b/CNAME deleted file mode 100644 index 8b13789..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ - diff --git a/README.md b/README.md index 79ce2a7..dbee07c 100644 --- a/README.md +++ b/README.md @@ -1,152 +1,29 @@ -[//]: # (BADGES SECTION: change `fastai` with your GitHub username and `fastpages` with the name of your repo) +[//]: # (This template replaces README.md when someone creates a new repo with the fastpages template.) - - -[](https://github.com/fastai/nbdev) -[](https://easonqys.github.io/fastpagesJupyter/) + + +[](https://github.com/fastai/fastpages) -[//]: # (END OF BADGES SECTION) +https://Cyber-I.github.io/cyberlog/ -# 欢迎使用 `fastpages` +# My Blog -> 一款简单的博客网站,支持 Jupyter 笔记本, Word 文档, 以及 Markdown. ->原作链接在此:[fastai/fastpages](https://github.com/fastai/fastpages/),是英文的。 +_powered by [fastpages](https://github.com/fastai/fastpages)_ - -`fastpages` 用 [GitHub Actions](https://github.com/features/actions)来简化多种格式文档(Jupyter 笔记本, Word 文档, 以及 Markdown)在[GitHub Pages](https://pages.github.com/)上转换为HTML格式的[Jekyll博客帖](https://jekyllrb.com/)的过程。 +## What To Do Next? -### `fastpages` 提供以下功能: +Great! You have setup your repo. Now its time to start writing content. Some helpful links: -- 建立博客帖。可以包含代码,运行结果,带格式文本等等。 使用[Jupyter Notebooks](https://jupyter.org/)可以轻松实现; 博客支持以下特性: - - 使用[Altair](https://altair-viz.github.io/)保持Jupyter的可交互性。 - - 显示或隐藏单元格。 - - 通过特殊的Markdown表格定义标题,概要,以及其他内容。 - - 提供链接到[Colab](https://colab.research.google.com/) 以及GitHub。 -- 通过GitHub Issues来发表评论。 -- 快速查找历史博客。 -- 修改网站风格。 -- 嵌入推特或油管视频。 -- 通过标签分类。 -- 建立[Markdown](https://guides.github.com/features/mastering-markdown/)格式的博客。 -- 支持带格式和图片的word文档的博客页面。 -- 本地写好并实时预览。 +- [Writing Blogs With Jupyter](https://github.com/fastai/fastpages#writing-blog-posts-with-jupyter) -看下去了解更多细节。 +- [Writing Blogs With Markdown](https://github.com/fastai/fastpages#writing-blog-posts-with-markdown) +- [Writing Blog Posts With Word](https://github.com/fastai/fastpages#writing-blog-posts-with-microsoft-word) -**[看看模板网站](https://easonqys.github.io/fastpagesJupyter/)** - ---- - - - -- [欢迎使用 `fastpages`](#欢迎使用-fastpages) - - [初始化指导](#初始化指导) - - [编写博客](#编写博客) - - [编写表头](#编写表头) - - [编写其他内容](#编写其他内容) -- [查看英文原生文档](#查看英文原生文档) -- [问答](#faq) - - - - -## 初始化指导 - -1. 点击 [这个链接](https://github.com/EasonQYS/fastpagesJupyter/generate) 生成一个自己的仓库(repository,repo),用于运行博客。 随意给仓库起名字,但是 **请勿使用** {your-username}.github.io. - -2. **GitHub Actions 会自动拉取请求(Pull Request,PR)** ~ ,大约30s完成。 完成后会在你的仓库有一个README.md文档,根据那里的指导继续操作。 - -想要看视频指导,可以访问这个YouTube网址,但是国内看不了。 [video tutorial of setting up a fastpages blog](https://youtu.be/L0boq3zqazI) by Abdul Majed. 当然,根据文字指导也没有问题。 - -3. 你或许会收到一封指导邮件,但由于邮件是英文的,你可以忽视邮件,按以下指导操作。 - - - 3.1 生成SSH密钥对。访问[这里](https://8gwifi.org/sshfunctions.jsp),选择RSA和4096,点击生成(Generate-SSH-Keys),就会可到两串字符。 - - - 3.2 设置仓库(repo)的Secrets。在当前仓库地址后加/settings/secrets,或者访问settings>secrets,点击添加new secret。复制3.1中的Private Key至Value栏,包含"---BEGIN RSA PRIVATE KEY---" 和 "--END RSA PRIVATE KEY---"。在Name栏填写SSH_DEPLOY_KEY(只能是这个名字)。 - - - 3.3 设置仓库(repo)的deploy key。在当前仓库地址后加/settings/keys,或者访问settings>Deploy keys,点击添加deploy key。复制3.1中的Public Key至key栏,name栏随意填写。请注意勾选`Allow write access`。点击Add key保存设置。 - - - 3.4 启用网站。点击[这里](/settings)找到GitHub Pages,source选择gh-pages branch(如果没有可以先选择其他项,稍后自动生成gh-pages branch后可以再修改)。等待一段时间,GitHub Pages栏生成一个网址,点击即可访问该网站。 - -4. 修改_config.yml。需要修改的部分已经在文档内用中文标注。 - -5. 完成后等待约10分钟,网站自动建立成功。如果之前branch选择不是gh-pages,现在需要更改为gh-pages。 - - - -## 编写博客 - -### 编写表头 - -[表头](https://jekyllrb.com/docs/front-matter/) 允许你设置博客的很多属性。 - -在Jupyter中,表头是文档中的第一个单元格。并且是markdown格式的单元格。内容如下(可以缺省): - - ```markdown - # "标题" - > "概要" - - - toc: true - - badges: true - - comments: true - - categories: [fastpages, jupyter] - - image: images/some_folder/your_image.png - - author: A & B - ``` - -类似的, 在一个markdown文档中,也需要表头。内容如下: - - ```yaml - --- - title: "标题" - summary: "概要" - toc: true - comments: true - image: images/some_folder/your_image.png - categories: [fastpages, jupyter] - --- - ``` -注意这里的代码是以YAML格式写的,必须保证正确。 - -更多[YAML指导](https://rollout.io/blog/yaml-tutorial-everything-you-need-get-started/)请看这里。 - -### 编写其他内容 - 正常编写即可。 - - 需要说明的是Jupyter和Markdown**插入图片**的时候需要先上传图片,再引用到文档。例如我将图片传至根目录下的images文件夹,那么在Jupyter和Markdown中写以下代码即可引用。 - ``` -  - ``` - -# 查看英文原生文档 -更多内容查阅原生文档:[fastai/fastpages](https://github.com/fastai/fastpages/)。 - -# FAQ -# 问答(英文) -- **Q:** Where are the markdown files in `_posts/` that are generated from my Jupyter notebooks or word documents? - -- **A:** The GitHub Actions workflow in this repo converts your notebook and word documents to markdown on the fly before building your site, but never commits these intermediate markdown files to this repo. This is in order to save you from the annoyance of your local environment being constantly out of sync with your repository. You can optionally see these intermediate markdown files by setting the `BOOL_SAVE_MARKDOWN` and `SSH_DEPLOY_KEY` inputs to the fastpages action in your `.github/workflows/ci.yaml` file as follows: - -```yaml - ... - - - name: convert notebooks and word docs to posts - uses: fastai/fastpages@master - with: - BOOL_SAVE_MARKDOWN: true - SSH_DEPLOY_KEY: ${{ secrets.SSH_DEPLOY_KEY }} - - ... -``` - -- **Q:** Can I use `fastpages` for Jekyll docs sites or for things that are not Jekyll blog posts? - -- **A:** At the moment, `fastpages` is a highly opinionated solution that works only for Jekyll blog posts. If you want to write documentation for your module or library with Jupyter notebooks, we suggest you use [fastai/nbdev](https://github.com/fastai/nbdev) which is expressly built for this purpose. - -- **Q:** What is the difference between [fast_template](https://github.com/fastai/fast_template) and fastpages? Which one should I use? -- **A:** Because `fastpages` is more flexible and extensible, we recommend using it where possible. `fast_template` may be a better option for getting folks blogging who have no technical expertise at all, and will only be creating posts using Github's integrated online editor. +- [(Optional) Preview Your Blog Locally](_fastpages_docs/DEVELOPMENT.md) +Note: you may want to remove example blog posts from the `_posts`, `_notebooks` or `_word` folders (but leave them empty, don't delete these folders) if you don't want these blog posts to appear on your site. +Please use the [nbdev & blogging channel](https://forums.fast.ai/c/fastai-users/nbdev/48) in the fastai forums for any questions or feature requests. diff --git a/_action_files/settings.ini b/_action_files/settings.ini index 415570d..3ea2c51 100644 --- a/_action_files/settings.ini +++ b/_action_files/settings.ini @@ -7,7 +7,7 @@ description = Writing a library entirely in notebooks keywords = jupyter notebook author = Sylvain Gugger and Jeremy Howard author_email = info@fast.ai -baseurl = +baseurl = /cyberlog title = nbdev copyright = fast.ai license = apache2 @@ -41,3 +41,4 @@ custom_sidebar = False cell_spacing = 1 monospace_docstrings = False jekyll_styles = note,warning,tip,important,youtube,twitter + diff --git a/_config.yml b/_config.yml index eb35660..b57e05a 100644 --- a/_config.yml +++ b/_config.yml @@ -10,7 +10,7 @@ title: 中文博客模板 description: 便捷实用的Jupyter博客网站。此外,还支持 Word 文档,以及 Markdown。 github_username: EasonQYS # 你的用户名 # you can comment the below line out if your repo name is not different than your baseurl -github_repo: "fastpagesJupyter" #你的仓库名 +github_repo: "cyberlogJupyter" #你的仓库名 # OPTIONAL: override baseurl and url if using a custom domain 可选项,如果你有自己的域名,并且需要绑定到该网站 # Note: leave out the trailing / from this value. 写下域名,不要在最后加斜杠/ diff --git a/_fastpages_docs/_setup_pr_template.md b/_fastpages_docs/_setup_pr_template.md index ee71d2e..898bf50 100644 --- a/_fastpages_docs/_setup_pr_template.md +++ b/_fastpages_docs/_setup_pr_template.md @@ -1,25 +1,25 @@ -Hello :wave: @{_username_}! Thank you for using fastpages! +Hello :wave: @Cyber-I! Thank you for using fastpages! ## Before you merge this PR 1. Create an ssh key-pair. Open this utility. Select: `RSA` and `4096` and leave `Passphrase` blank. Click the blue button `Generate-SSH-Keys`. -2. Navigate to this link and click `Add a new secret`. Copy and paste the **Private Key** into the `Value` field. This includes the "---BEGIN RSA PRIVATE KEY---" and "--END RSA PRIVATE KEY---" portions. In the `Name` field, name the secret `SSH_DEPLOY_KEY`. +2. Navigate to this link and click `Add a new secret`. Copy and paste the **Private Key** into the `Value` field. This includes the "---BEGIN RSA PRIVATE KEY---" and "--END RSA PRIVATE KEY---" portions. In the `Name` field, name the secret `SSH_DEPLOY_KEY`. -3. Navigate to this link and click the `Add deploy key` button. Paste your **Public Key** from step 1 into the `Key` box. In the `Title`, name the key anything you want, for example `fastpages-key`. Finally, **make sure you click the checkbox next to `Allow write access`** (pictured below), and click `Add key` to save the key. +3. Navigate to this link and click the `Add deploy key` button. Paste your **Public Key** from step 1 into the `Key` box. In the `Title`, name the key anything you want, for example `fastpages-key`. Finally, **make sure you click the checkbox next to `Allow write access`** (pictured below), and click `Add key` to save the key.  ### What to Expect After Merging This PR -- GitHub Actions will build your site, which will take 2-3 minutes to complete. **This will happen anytime you push changes to the master branch of your repository.** You can monitor the logs of this if you like on the [Actions tab of your repo](https://github.com/{_username_}/{_repo_name_}/actions). +- GitHub Actions will build your site, which will take 2-3 minutes to complete. **This will happen anytime you push changes to the master branch of your repository.** You can monitor the logs of this if you like on the [Actions tab of your repo](https://github.com/Cyber-I/cyberlog/actions). - Your GH-Pages Status badge on your README will eventually appear and be green, indicating your first sucessfull build. -- You can monitor the status of your site in the GitHub Pages section of your [repository settings](https://github.com/{_username_}/{_repo_name_}/settings). +- You can monitor the status of your site in the GitHub Pages section of your [repository settings](https://github.com/Cyber-I/cyberlog/settings). If you are not using a custom domain, your website will appear at: -#### https://{_username_}.github.io/{_repo_name_} +#### https://Cyber-I.github.io/cyberlog ## Optional: Using a Custom Domain diff --git a/_notebooks/2020-02-21-introducing-fastpages.ipynb b/_notebooks/2020-02-21-introducing-fastpages.ipynb deleted file mode 100644 index 882fe25..0000000 --- a/_notebooks/2020-02-21-introducing-fastpages.ipynb +++ /dev/null @@ -1,549 +0,0 @@ -{ - "cells": [ - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "# Introducing fastpages\n", - "> An easy to use blogging platform with extra features for Jupyter Notebooks.\n", - "\n", - "- toc: true \n", - "- badges: true\n", - "- comments: true\n", - "- author: Jeremy Howard & Hamel Husain\n", - "- image: images/diagram.png\n", - "- categories: [fastpages, jupyter]" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "\n", - "\n", - "We are very pleased to announce the immediate availability of [fastpages](https://github.com/fastai/fastpages). `fastpages` is a platform which allows you to create and host a blog for free, with no ads and many useful features, such as:\n", - "\n", - "- Create posts containing code, outputs of code (which can be interactive), formatted text, etc directly from [Jupyter Notebooks](https://jupyter.org/); for instance see this great [example post](https://drscotthawley.github.io/devblog3/2019/02/08/My-1st-NN-Part-3-Multi-Layer-and-Backprop.html) from Scott Hawley. Notebook posts support features such as:\n", - " - Interactive visualizations made with [Altair](https://altair-viz.github.io/) remain interactive.\n", - " - Hide or show cell input and output.\n", - " - Collapsable code cells that are either open or closed by default.\n", - " - Define the Title, Summary and other metadata via a special markdown cells\n", - " - Ability to add links to [Colab](https://colab.research.google.com/) and GitHub automatically.\n", - "- Create posts, including formatting and images, directly from Microsoft Word documents.\n", - "- Create and edit [Markdown](https://guides.github.com/features/mastering-markdown/) posts entirely online using GitHub's built-in markdown editor.\n", - "- Embed Twitter cards and YouTube videos.\n", - "- Categorization of blog posts by user-supplied tags for discoverability.\n", - "- ... and [much more](https://github.com/fastai/fastpages)\n", - "\n", - "[fastpages](https://github.com/fastai/fastpages) relies on Github pages for hosting, and [Github Actions](https://github.com/features/actions) to automate the creation of your blog. The setup takes around three minutes, and does not require any technical knowledge or expertise. Due to built-in automation of fastpages, you don't have to fuss with conversion scripts. All you have to do is save your Jupyter notebook, Word document or markdown file into a specified directory and the rest happens automatically. Infact, this blog post is written in a Jupyter notebook, which you can see with the \"View on GitHub\" link above.\n", - "\n", - "[fast.ai](https://www.fast.ai/) have previously released a similar project called [fast_template](https://www.fast.ai/2020/01/16/fast_template/), which is even easier to set up, but does not support automatic creation of posts from Microsoft Word or Jupyter notebooks, including many of the features outlined above.\n", - "\n", - "**Because `fastpages` is more flexible and extensible, we recommend using it where possible.** `fast_template` may be a better option for getting folks blogging who have no technical expertise at all, and will only be creating posts using Github's integrated online editor." - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "## Setting Up Fastpages\n", - "\n", - "[The setup process](https://github.com/fastai/fastpages#setup-instructions) of fastpages is automated with GitHub Actions, too! Upon creating a repo from the fastpages template, a pull request will automatically be opened (after ~ 30 seconds) configuring your blog so it can start working. The automated pull request will greet you with instructions like this:\n", - "\n", - "\n" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "All you have to do is follow these instructions (in the PR you receive) and your new blogging site will be up and running!" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "## Jupyter Notebooks & Fastpages\n", - "\n", - "In this post, we will cover special features that fastpages provides has for Jupyter notebooks. You can also write your blog posts with Word documents or markdown in fastpages, which contain many, but not all the same features. " - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "### Options via FrontMatter\n", - "\n", - "The first cell in your Jupyter Notebook or markdown blog post contains front matter. Front matter is metadata that can turn on/off options in your Notebook. It is formatted like this:\n", - "\n", - "```\n", - "# Title\n", - "> Awesome summary\n", - "\n", - "- toc: true\n", - "- branch: master\n", - "- badges: true\n", - "- comments: true\n", - "- author: Hamel Husain & Jeremy Howard\n", - "- categories: [fastpages, jupyter]\n", - "```\n", - "\n", - "**All of the above settings are enabled in this post, so you can see what they look like!**\n", - "\n", - "- the summary field (preceeded by `>`) will be displayed under your title, and will also be used by social media to display as the description of your page.\n", - "- `toc`: setting this to `true` will automatically generate a table of contents\n", - "- `badges`: setting this to `true` will display Google Colab and GitHub links on your blog post.\n", - "- `comments`: setting this to `true` will enable comments. See [these instructions](https://github.com/fastai/fastpages#enabling-comments) for more details.\n", - "- `author` this will display the authors names. \n", - "- `categories` will allow your post to be categorized on a \"Tags\" page, where readers can browse your post by categories.\n", - "\n", - "\n", - "_Markdown front matter is formatted similarly to notebooks. The differences between the two can be [viewed on the fastpages README](https://github.com/fastai/fastpages#front-matter-related-options)._" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "### Code Folding" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "put a `#collapse-hide` flag at the top of any cell if you want to **hide** that cell by default, but give the reader the option to show it:" - ] - }, - { - "cell_type": "code", - "execution_count": 3, - "metadata": {}, - "outputs": [], - "source": [ - "#collapse-hide\n", - "import pandas as pd\n", - "import altair as alt" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "put a `#collapse-show` flag at the top of any cell if you want to **show** that cell by default, but give the reader the option to hide it:" - ] - }, - { - "cell_type": "code", - "execution_count": 4, - "metadata": {}, - "outputs": [], - "source": [ - "#collapse-show\n", - "cars = 'https://vega.github.io/vega-datasets/data/cars.json'\n", - "movies = 'https://vega.github.io/vega-datasets/data/movies.json'\n", - "sp500 = 'https://vega.github.io/vega-datasets/data/sp500.csv'\n", - "stocks = 'https://vega.github.io/vega-datasets/data/stocks.csv'\n", - "flights = 'https://vega.github.io/vega-datasets/data/flights-5k.json'" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "If you want to completely hide cells (not just collapse them), [read these instructions](https://github.com/fastai/fastpages#hide-inputoutput-cells)." - ] - }, - { - "cell_type": "code", - "execution_count": 6, - "metadata": {}, - "outputs": [], - "source": [ - "# hide\n", - "df = pd.read_json(movies) # load movies data\n", - "genres = df['Major_Genre'].unique() # get unique field values\n", - "genres = list(filter(lambda d: d is not None, genres)) # filter out None values\n", - "genres.sort() # sort alphabetically" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "### Interactive Charts With Altair\n", - "\n", - "Interactive visualizations made with [Altair](https://altair-viz.github.io/) remain interactive! \n", - "\n", - "We leave this below cell unhidden so you can enjoy a preview of syntax highlighting in fastpages, which uses the [Dracula theme](https://draculatheme.com/)." - ] - }, - { - "cell_type": "code", - "execution_count": 11, - "metadata": {}, - "outputs": [ - { - "data": { - "text/html": [ - "\n", - "
\n", - "" - ], - "text/plain": [ - "alt.LayerChart(...)" - ] - }, - "execution_count": 11, - "metadata": {}, - "output_type": "execute_result" - } - ], - "source": [ - "# select a point for which to provide details-on-demand\n", - "label = alt.selection_single(\n", - " encodings=['x'], # limit selection to x-axis value\n", - " on='mouseover', # select on mouseover events\n", - " nearest=True, # select data point nearest the cursor\n", - " empty='none' # empty selection includes no data points\n", - ")\n", - "\n", - "# define our base line chart of stock prices\n", - "base = alt.Chart().mark_line().encode(\n", - " alt.X('date:T'),\n", - " alt.Y('price:Q', scale=alt.Scale(type='log')),\n", - " alt.Color('symbol:N')\n", - ")\n", - "\n", - "alt.layer(\n", - " base, # base line chart\n", - " \n", - " # add a rule mark to serve as a guide line\n", - " alt.Chart().mark_rule(color='#aaa').encode(\n", - " x='date:T'\n", - " ).transform_filter(label),\n", - " \n", - " # add circle marks for selected time points, hide unselected points\n", - " base.mark_circle().encode(\n", - " opacity=alt.condition(label, alt.value(1), alt.value(0))\n", - " ).add_selection(label),\n", - "\n", - " # add white stroked text to provide a legible background for labels\n", - " base.mark_text(align='left', dx=5, dy=-5, stroke='white', strokeWidth=2).encode(\n", - " text='price:Q'\n", - " ).transform_filter(label),\n", - "\n", - " # add text labels for stock prices\n", - " base.mark_text(align='left', dx=5, dy=-5).encode(\n", - " text='price:Q'\n", - " ).transform_filter(label),\n", - " \n", - " data=stocks\n", - ").properties(\n", - " width=700,\n", - " height=400\n", - ")" - ] - }, - { - "cell_type": "markdown", - "metadata": {}, - "source": [ - "### Data Tables\n", - "\n", - "You can display tables per the usual way in your blog:" - ] - }, - { - "cell_type": "code", - "execution_count": 8, - "metadata": { - "scrolled": true - }, - "outputs": [ - { - "data": { - "text/html": [ - "| \n", - " | Title | \n", - "Worldwide_Gross | \n", - "Production_Budget | \n", - "IMDB_Rating | \n", - "
|---|---|---|---|---|
| 0 | \n", - "The Land Girls | \n", - "146083.0 | \n", - "8000000.0 | \n", - "6.1 | \n", - "
| 1 | \n", - "First Love, Last Rites | \n", - "10876.0 | \n", - "300000.0 | \n", - "6.9 | \n", - "
| 2 | \n", - "I Married a Strange Person | \n", - "203134.0 | \n", - "250000.0 | \n", - "6.8 | \n", - "
| 3 | \n", - "Let's Talk About Sex | \n", - "373615.0 | \n", - "300000.0 | \n", - "NaN | \n", - "
| 4 | \n", - "Slam | \n", - "1087521.0 | \n", - "1000000.0 | \n", - "3.4 | \n", - "