zhiwei 发布的文章

  1. 安装rust

    curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

  2. 添加wasm编译器

    rustup target add wasm32-unknown-unknown

  3. 安装trunk

    cargo install trunk

  4. 新建项目

    cargo init leptos-tutorial
    cd leptos-tutorial
    cargo add leptos --features=csr

在项目的根目录创建 index.html

<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>

用下面的内容替换src/main.rs

use leptos::prelude::*;

fn main() {
    leptos::mount::mount_to_body(|| view! { <p>"Hello, world!"</p> })
}

在项目的根目录运行

trunk serve --open

Trunk 会自动编译你的应用并在默认浏览器中打开它。

在 Firefox 地址栏中输入 about:config 并按回车。
点击“接受风险并继续”。
在搜索框中输入：browser.link.open_newwindow。

1 = 在当前窗口的当前标签页打开
2 = 在新窗口打开
3 = 在新标签页中打开（默认值是3）

改成1, 强制在当前标签页打开新窗口， 方便抓取网络流量，保存为HAR

想要在本地尝试 React

将这个 https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html 保存到本地，用浏览器打开即可

注意脚本的类型是 babel

<!DOCTYPE html>


<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>


<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>


<div id="root"></div>



<script type="text/babel">

  function MyApp() {
    return <h1>Hello, world!</h1>;
  }

  const container = document.getElementById('root');
  const root = ReactDOM.createRoot(container);
  root.render(<MyApp />);

</script>

这个域名注册于2006年7月19日，当时我在一家芯片公司上班。

最早是用的wordpress,放在Dreamhost上

后来搬迁在namechep的VPS上

2019年迁移到github

2021年用另外一个博客程序，写了两篇文章放在racknerd

2025年用typecho重建，放在cloudflare

  1. 1
  2. 2
  3. 3