this is a complete setup from zero to the end of its own web line. there is no need to write any code, but to write a markdown document at a later stage, submission will automatically trigger the deployment of the website。
FROM THE PERSPECTIVE OF 2026, IS IT NECESSARY FOR US TO CREATE OUR PERSONAL PORTAL IN THE AI ERA? DO WE STILL HAVE TO WRITE SOMETHING ON THE INTERNET? WILL THE INTERNET DIE IN THE FUTURE
AND NOW I'D LIKE TO ASK AI, NO MATTER WHAT, TO SEE WHAT ANSWERS IT GIVES ME. I'M SURE THERE'S A LOT OF PEOPLE LIKE ME. SO HAVE YOU THOUGHT ABOUT THE QUESTION: WHERE DID AI GIVE US THESE HIGH-QUALITY ANSWERS?
THE ANSWER IS: "FROM WHERE AI CAN SEE."。
Meanwhile, the latest 315GEODATA POISONING, A WEB-BASED EXPLOSION, AND ATTENTION TO THE CONTENT OF THE TOPIC IS AVAILABLE TO ALMOST EVERYONE IN AI. SO HERE, LET ME JUST SAY A LITTLE BIT ABOUT GEO。
GEO is an optimisation strategy for the content of the AI search engine. The core goal is not to put your web page in the front line, but to allow AI to answer user questions by referring directly to your content and your brand。
So what should we do? I can build my content and brands on micro-publicity, short video, little red books, tremors, headlines, knowledge, etc. And it is perfectly possible to build a full-scale platform. But all of these platforms have a major disadvantage, and my content or my account number will be unexpectedly exposed to the undercarriage of an article or video, or even a permanent closure of an account, in a particular morning, resulting in the disappearance of many of my content assets。
SO RIGHT NOW I THINK THE AI ERA, MY PERSONAL WEBSITE HAS TO BE ON THE AGENDA AGAIN. IT CAN NO LONGER SIMPLY TAKE NOTES FOR ME, BUILD CONTENT AND BRANDS, OR LEARN THE MOST POPULAR AL FRONT TECHNOLOGY OF THE DAY. AND THE MORE IMPORTANT THING IS THAT THE ABOVE-MENTIONED MAKES IT POSSIBLE FOR AI TO FIND ME BETTER。
our web site may be under some cloud, but our content is locally, in the clouds, in the github, and can still be online again with simple modifications, even in places that no one else has access to, if for no reason at all。
And with respect to our website, we can set it up by robots.txt to ensure that AI can climb to our content and deploy llms.txt to the site to tell AI who I am, what I do on my website, what I have and what the list of content is。
MORE ABOUT SEO AND GEO CAN BE FOUND IN THIS ARTICLE
https://www.1ai.net/51310.html
FROM THE MEDIA, NOW POPULAR OPCS, AND EVEN MORE PEOPLE, MAY BE BUILDING THEIR OWN INDIVIDUAL WEBSITES, WITH MORE PROGRAMMERS' TOYS。
It's useless to say so。
1. The overall web set-up process
Let me tell you about one of my whole work processes
- I'm using Obsidian clients locally to manage my personal knowledge base as my second brain
- All knowledge-base articles are currently written in Markdown
- Markdown's directory structure is organized by VitePress, which is a folder
- Usually use Claude Code to sort things out
- Claude Code processes can be removed to multiple Skills / SubAgent/ Agent Teams
- Markdown file saves the local warehouse. Under the bed, I'll provide the simplest solution
- Submit changes to GitHub
- Git integration process that automatically triggers Claudflare, Claudflare Pages automatically build and publish
- Once a domain name is bound, the page will be accessible
Now, let's get to the point where we don't have any money to pay for it
2. Building local environments
The pre-condition is the installation of the nodejs, Git, Obdisian clients, who, if they do not have the help of AI to install them, can also download them manually. If you do not have an AI tool locally, you can download the two client tools using Codex or OpenCode, which are easy to use without any other installation. It would be best if all versions were up to date。
"see if the nodejs, git, obdisia client is installed, if not for me."
The intermediate process indicated by the arrow has been omitted, and the default tools are all installed here. If you do not have them, you can refer to the link below, which is installed as necessary。
Let's see what Git does
Obsidian installation
Put Claude Code plugin on Obsidian
I think it's the most valuable tool, not one at this time。
Of course, Claude Code does have a threshold, and Codex or Google Antigravity and OpenCode are good options。
There's also a big part of this pre-prepared chapter, where they're supposed to sleep. Here's a formula: Claudflare R2 + PicList who thinks it's good and free。
We're ready to start the project。
3. installation of vitepress to prepare project codes
Let's take a quick look at what VitePress is for。
It's mainly used to turn Markdown documents into an accessible website. So we can completely ignore VitePress, we just need to focus on the directory and the Markdown file, just like opening a folder directly under the Obsidian client, so easy!
At the same time, he has an easy outreach, a simple mouth, and a special one at a later stage。
OF COURSE, THERE ARE MANY OTHER SIMILAR FRAMEWORKS, AND I'M NOT GOING TO LIST THEM. I'M INTERESTED IN ASKING AI MORE。
"make me a code repository under the current folder using vitepress."
Reliance on the installation will make it possible for him to run a local run-in。
"You start this project directly."
IT'S ALMOST OK TO SEE THE ACCESS, AND THE BROWSER ENTERS ACCESS TO SEE THE EFFECT。
4. upload code github
I believe that the vast majority of people who see here should know that it is the largest open-source project in the world. There are too many open-source projects related to AI, all on the Github site. It's not just a project code, it's a file, a small amount of pictures, a tutorial, etc., and the paying user is, of course, more functional, and we don't go on, knowing that we can put the code, and we know the history of the version of the management code that can be used in conjunction with Git。
"upload project to github"
the above diagram tells me i still have information on the github project warehouse, so now we need to go to github to create a project online。
https://github.com/new browser opens this link and directly creates items
It's a link that has to be logged in without the focus here
- The name of the warehouse, use the letter as much as possible
- i've chosen the public, which means open source, and everyone can see that the other private is private, and only one can see it。
- The rest you can default directly, or you can refer to my choice, then click on the bottom right corner。
- Once the warehouse has been created, it will jump to the current warehouse。
AS INDICATED BY THE ABOVE-GRAPHED ARROW, COPY THE SSH LINK, CONTINUE CHATTING WITH AI。
"git@github.com: aehyyok/vitepress-obsidian.git is my new repository, created as public. please upload the current repository code to github"
Well, we've uploaded the local code to Github。
five, put our project code on the clubflare
there are too many functions on the claudfare, and the chinese circle has been dubbed the internet ' s buddha of sabosa. many free functions are provided. in particular, the deployment of a small site is completely free of charge. let's do this。
https://claudflare.com opens the website and registers without an account number。
click to start [build], enter the page and see below [pages] click [start to use]
Click after entering the page Importing the existing Git repository to start using if there is no connection to the github to login for authorization
Select the one-sided repossessions--> Security repossessions=--> text box to enter obsidian--> Selected code repository--> Click on Green Save--> to return to the claudflare site for a moment. That means closing the bullet window。
go back to the claudflare site, select the repository you just set up, click on the bottom right to start setting。
Click Next
Frame Preset: Select VitePress
build command: npm vitepress built
build output directory: docs/.vitepress/dist
click to save and deploy a default domain name from the clubflare。
all right, guys, we got the website. directly click on the free domain name that claudeflare gave us
Update of website content
modifys the first page of the table with the following hint。
Once updated, submit the code directly
just give me a second, or you can check on the claudflare to see if the deployment is complete
Then refresh the browser and look at the pages we've deployed
the top left corner title has been updated, which will be equivalent to an update of only the markdown document and then an automatic update of the code website. it's really convenient。
7 and spaceship purchasing domain names
Enter the desired domain name directly after registration under this domain name
https://www.spaceship.com
8. Binding domain names
first on the front page of cloudflare.com, click on the left menu [account home page], then right top [add]=> click on [connection domain], enter the domain name purchased above and click [continue].
After choosing the top-left Free program, you can see the domain name resolution and then you can access it directly
then go back to spaceship and click on the top right corner to switch to chinese。
On the top right corner, you will see [the library]-- > click to [my account]----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------,------------------------------------------------。
And then we'll do it on the bottom map
Click to set a custom domain, enter the domain name we are applying for, click to continue, then click to activate the field。
The site we have deployed above will be visited with its own domain name in a moment。
at last
The article took two weeks to complete, of course intermittently. The entire construction process is documented。
If you're interested, you can easily connect it to the lobster。