You can register your Solana name at sns.id. Phantom wallet app is recommended, and have some USDC in the wallet.

Step 1 · Copy IPNS

Right-click your website under My Planets and select Copy IPNS. You will get its IPNS in the pasteboard, and it will be a long string that starts with k51.

Step 2 · Set IPNS Record

Open your name's records page, click Edit Records.

Find the row named IPNS, and paste the IPNS string (it starts with k51).

And click Save Changes.

Step 3 · Access

Solana is a fast blockchain, capable of updating your record in less than a second. Once your IPNS record is saved, you can access your website using the sol.build public gateway.

planetable.sol.build

To customize a post, simply right-click on the post and choose "Settings." This will display a panel offering a range of customization options.

Slug

By default, each post URL uses its UUID, like this:

https://planetable.eth.limo/77BB1A2A-971C-443B-A1F4-F50F205525EF/

You can enter a custom slug here to change the URL to something like:

https://planetable.eth.limo/introducing-planet/

Only lowercase letters, numbers, and hyphens can be used in the slug.

Type

By default, each post has a "blog" type, meaning it will appear chronologically on the homepage and be included in the RSS feed. However, for pages like "About Us," you may not want them to appear as blog posts on the homepage. In this case, you can select the "Page" type here.

Navigation

If Include in Site Navigation is checked, the post will be included in the site-level navigation. For example, if you have an "About Us" page and want to display it at the top level, this is the option for you.

Navigation Weight is an integer used for ordering; smaller numbers appear first.

External Link

If you want an item in the site-level navigation to redirect to another URL, you can enter that URL here.

You can create a new template using HTML, CSS, and JS. When the Planet app renders a site, the template can utilize the values provided in the context by the app. The template system is powered by Stencil, a simple yet powerful template language for Swift.

Forking from the default Plain template is an excellent starting point for building your own new template, as it includes most of the code examples you will need.

Template Browser

You can find all the currently installed templates in Tools -> Template Browser. If you plan to build your own template, VS Code is recommended. After installing VS Code, you can right-click on a template and select "Open in VS Code."

Add Template from GitHub

By default, all templates are stored in the following folder:

~/Library/Containers/xyz.planetable.Planet/Data/Documents/Planet/Templates

For instance, there is a new work-in-progress template on GitHub:

https://github.com/Planetable/SiteTemplateCroptop

To add this template to the templates folder, use these commands:

cd ~/Library/Containers/xyz.planetable.Planet/Data/Documents/Planet/Templates
git clone https://github.com/Planetable/SiteTemplateCroptop croptop

Once a new template has been added to the templates folder, you must restart the app for it to be recognized.

After the new template is recognized, you can find it in the Template Browser under the Tools menu, or you can choose to use it from the Edit Planet option.

Built-in Templates

These are the built-in templates in the folder:

• plain
• sepia
• gamedb
• grid

When the app updates, it will attempt to update these templates as well. However, if a .git subfolder is detected, it indicates the folder could be part of the developer environment, and the app will not overwrite it.

Template Showcase: Plain

This is the default template. It resembles a minimalist operating system look and feel. It features both dark and light modes.

• Live Demo: planetable.eth
• Source Code: Planetable/SiteTemplatePlain

Template Showcase: Sepia

Sepia is designed for microblogging and rich media content.

• Live Demo: sol.build
• Source Code: Planetable/SiteTemplateSepia

Template Showcase: Grid

If your blog consists of many photos, this is the template for you. It features both dark and light modes.

• Live Demo: yihanphotos.eth
• Source Code: Planetable/SiteTemplateGrid

Template Showcase: 8-bit

This experimental template demonstrates that complex JS and graphics are possible with Planet templates. It has a retro gaming vibe.

• Live Demo: gamedb.eth
• Source Code: Planetable/SiteTemplate8bit

To prevent conflicts with other programs that may utilize these ports, such as a pre-existing IPFS desktop application, we have made minor adjustments to the port numbers.

Port 18181

This port serves as the local gateway. You can use it to access content on the IPFS P2P network. Below are a few examples.

Access a specific CID

For example, the v4.2.08.0 release of Uniswap:

CIDv1: bafybeiepywaseoxbaccdblzm6thhqjelkwbamd3guh24wfzba2wwvz6hve

Access via Local Gateway:

http://localhost:18181/ipfs/bafybeiepywaseoxbaccdblzm6thhqjelkwbamd3guh24wfzba2wwvz6hve

Access IPNS

IPNS is the naming system utilized by IPFS, which can be accessed through the /ipns/ paths as demonstrated below:

ENS

If an ENS has its content hash pointing to a resource on IPFS, it can be accessed through an IPFS gateway in the following manner:

http://localhost:18181/ipns/vitalik.eth

DNS

If a DNS name has a DNSLink TXT record pointing to a resource on IPFS, it can be accessed through an IPFS gateway:

http://localhost:18181/ipns/docs.ipfs.tech/

IPNS

Blogs and websites published from Planet are IPNS. Other Planet users can simply use Follow Planet to receive the latest updates, or these can also be accessed through the local gateway. For example, the IPNS powered planetable.eth is:

k51qzi5uqu5dgv8kzl1anc0m74n6t9ffdjnypdh846ct5wgpljc7rulynxa74a

It can be accessed via the local gateway:

http://localhost:18181/ipns/k51qzi5uqu5dgv8kzl1anc0m74n6t9ffdjnypdh846ct5wgpljc7rulynxa74a

Port 5981

Kubo, the Go implementation of IPFS, exposes an HTTP RPC API that allows you to control the node and run the same commands that you can run from the command line.

You can access this API on port 5981. For example, the following cURL request would return the Identity of the node:

curl -X POST http://localhost:5981/api/v0/id

Origin Isolation

Origin isolation is an important security feature for decentralized app front-ends running on IPFS gateways. So, when you try to access a URL like this:

http://localhost:18181/ipfs/bafybeiepywaseoxbaccdblzm6thhqjelkwbamd3guh24wfzba2wwvz6hve

Kubo will return a redirect to transform the URL into this:

http://bafybeiepywaseoxbaccdblzm6thhqjelkwbamd3guh24wfzba2wwvz6hve.ipfs.localhost:18181/

However, Safari does not support this kind of URL as of this writing: *.localhost. This is a known issue recorded in the WebKit bug tracking system:

https://bugs.webkit.org/show_bug.cgi?id=160504

To prevent that redirect on Safari, you need to replace localhost with 127.0.0.1 so that the redirect will not occur:

http://127.0.0.1:18181/ipfs/bafybeiepywaseoxbaccdblzm6thhqjelkwbamd3guh24wfzba2wwvz6hve

Easily publish local folders using the built-in IPFS node.

Find this feature in the menu under: Tools -> Published Folders

Once your folder has been successfully published, simply copy its IPNS for convenient sharing. Other Planet users will be able to load the IPNS with their local gateway.

Working with Other Static Site Generators

You can use this feature to publish a static site built with a static site generator like Jekyll, Hugo, Hexo, or Zola. Just publish their build folder as IPNS. You can even enable Automatically Publish to monitor any changes and publish when a change is detected.

For example, here is a Jekyll site published as an IPNS:

• IPNS: k51qzi5uqu5dk40pdgrqh5e6soy2bide88stdbkx8h7jjwvo5cb3xbkb2b7wmq

Connect Wallet

Under the main Planet menu, you'll find a new option called Connect Wallet.

To use this feature, simply click on the menu item and a QR code will appear. You can then scan the code using a wallet app that supports WalletConnect, such as MetaMask or Rainbow. This will allow you to connect your wallet to the app and access the tipping feature.

While browsing ENS dWebsites, you'll see a new tip button in the toolbar. Simply click on the button and choose the amount you'd like to tip. You can select from a range of pre-set amounts to show your support for the content you're enjoying.

When you click the Send button, a transaction will appear in your wallet app on your phone. If everything looks correct, simply confirm the transaction on your phone and it will be sent to the Ethereum network. The content creator will then receive the full amount you tipped, without any deductions. This is a simple transfer of funds between two Ethereum addresses. It's that easy!

Once the transaction is confirmed and sent, a browser window will open and display the details of the transaction on the Etherscan website. This will allow you to see the status of the transaction and track its progress on the Ethereum network.

Wallet Apps

During the development of this feature, we primarily tested with MetaMask and Rainbow. If your wallet app supports WalletConnect, it should be compatible with this new tipping feature. However, there are some differences in how these two apps support test networks. For example, MetaMask lets you switch between Mainnet, Goerli, and Sepolia, while Rainbow will stay on the initial network you select when you first connect. Keep these differences in mind when using this feature with different wallet apps.

Our blog is built with Planet, and you can follow it with Planet too.

planetable.eth

GitHub

Planet and its sub projects are MIT-licensed open source projects:

https://github.com/Planetable

Swift library for performing ENS queries: address, contenthash, NFT avatar, text records.

https://github.com/Planetable/ENSKit

Twitter

@PlanetableXYZ

中文用户群

如果你说中文，欢迎加入在 Telegram 上的 Planet 中文用户群

欢迎在 Planet 里 Follow 我们的中文 Blog 网站 olivida.eth

如果你发现这个网站本身的问题，可以反馈到网站在 GitHub 上的页面：

https://github.com/Planetable/PlanetableXYZWebsite

• Create Planet
• Follow Planet

Click Create Planet, and you can create a new website.

You can enter the website name, description, and select a template.

It supports several types of DWeb records, including IPNS. You can add an IPNS built with Planet to your .bit domain.

Step 1 · Copy IPNS

Right-click your website under My Planets and select Copy IPNS. You will get its IPNS in the pasteboard, and it will be a long string that starts with k51.

Step 2 · Add DWeb Record

Go to the .bit Manage dashboard, click Manage Data, and add a new record under DWeb. Select IPNS as key, and provide the value you get from Copy IPNS.

And save the change. .bit does not need you to pay gas when you update the records.

Step 3 · Access

After the DWeb record becomes effective, you can access your website using the .bit.ink public gateway like this:

planetable.bit.ink

You can also use .bit domain in Follow Planet.

Right-click your website under My Planets and select Copy IPNS. You will get its IPNS in the pasteboard, and it will be a long string that starts with k51.

Navigate to your domain on the ENS app, and click "Add/Edit Record" to start changing. And you can paste your IPNS to the Content section. Be sure to add ipns:// before the k51... string like this:

Then scroll to the bottom of the page and click Confirm. There will be a gas fee prompt from MetaMask because this is an interaction with the ENS smart contract to change a field of your domain on the Ethereum blockchain.

• Planet IPNS
• ENS with EIP-1577 contenthash
• .bit with IPNS/IPFS DWeb Records
• Websites with RSS or Atom or JSON Feed

For following websites built with Planet, please enter its IPNS:

For following blockchain-based domain names, please enter the domain name:

Get your own ENS with the official ENS app or ENS Fairy.

For following regular websites with a feed, provide their HTTP/HTTPS address, and Planet will try to locate the feed address.