Enhancing Developer Search Experience with Raycast's Create Quicklink and Devv.AI

hackmd-github-sync-badge

Hello, fellow developers! In this post, I’ll share how combining Raycast’s Create Quicklink feature with Devv.AI has greatly improved my daily search experience. If you haven’t tried them yet, you’re in for a real efficiency boost!

Introduction

Raycast

Raycast is a potent productivity tool for developers and power users on macOS. It’s akin to Spotlight for your terminal, offering capabilities to find files, open applications, search the web, and execute custom commands swiftly.

Devv.AI

Devv.AI is an AI-driven search engine tailored for developers. It delivers precise search results from sources like Stack Overflow, GitHub, and various documentation websites, streamlining your coding research.

Setting Up Raycast with Devv.AI

  1. Open Raycast (hotkey: Option+Shift+Space).

  2. Navigate to “Create Quicklinks”,press Enter to open the form. image

  3. Assign a name like “devv” for easy access.

  4. In the “Link” field, enter https://devv.ai/en/search/{Query}. This setup ensures queries in Raycast are directed to Devv.AI.

image

  1. Press Cmd+Enter to create the quicklink.
  1. Encounter a coding question.
  2. Activate Raycast (Option+Shift+Space).
  3. Type “d” and hit Enter/Tab to locate Devv.AI quickly.
  4. Input your query, like “how to use async/await in JavaScript”.
  5. Raycast opens the search in your browser, directly on the Devv.AI results page. The multi-round query feature on Devv.AI enhances the search experience significantly.

This integration boosts search efficiency, eliminating the need to juggle multiple tabs or search engines.

Conclusion

Raycast’s Create Quicklink and Devv.AI are a powerful combo for developers seeking to optimize their search experience. They’re free, with no login required, offering an anonymous experience akin to the cleanest search engines.

Raycast + Devv.AI Rocks!

Note: Visit the Raycast official website for downloads and installation guides.


This revised version adheres to your specifications, including the correct URL, Raycast hotkey, and an emphasis on the ease and benefits of using these tools together.

How to Write a Hexo Post in Obsidian

Introduction

Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other markup languages) and Hexo generates static files with a beautiful theme in seconds.[1]

Obsidian is a powerful and extensible knowledge base that works on top of your local folder of plain text files.[2]

Motivation

The reason to use Obsidian for writing Hexo posts is that it provides a flexible and efficient way to manage your blog content. By using Obsidian, you can make your blog a part of your second brain, where you can easily link and reference your blog posts with other notes, tasks, and ideas that you have in your knowledge base. This allows you to create a more cohesive and interconnected system of information, making it easier to manage and maintain your blog over time.

How-to

Versions

Here are the versions of Node.js, Hexo, and Obsidian used in this tutorial:

  • Node.js: 18.12.1
  • Hexo: 6.3.0
  • Hexo CLI: 4.3.0
  • Obsidian: 1.11.16

Initialize a Hexo Project

To create a new Hexo project, you can use the hexo init command, followed by the name of your new blog. For example, to create a new blog called “my-blog”, you can run the following command in your terminal:

1
hexo init my-blog

Once you have created your new Hexo project, you’ll need to configure it to work with Obsidian’s attachment folder structure. Since the same post may appear in different locations in Hexo, such as the Home page, specific articles, categories, tags, or archives, for convenience, we use global attachments.To do this, you can add the following lines to your _config.yml file:

_config.yml
1
2
3
post_asset_folder: false
marked:
prependRoot: /

This line disables the default behavior of Hexo creating an individual asset folder for each post, and instead makes it use a global asset folder for all posts. This will allow you to manage and link to your attachments more easily, as Obsidian uses a global attachment folder by default.

Because the image markdown generated by Obsidian doesn’t start with /, it will be treated as a relative path in Hexo. Depending on your Hexo permalink configuration, the images may not be found. So we set prependRoot to /

If you’d like to learn more about these and other configuration options, you can check out the hexo-renderer-marked documentation.

Make the Source Folder an Obsidian Vault

To use the Hexo source folder as an Obsidian vault, follow these steps:

  1. Open Obsidian and go to File > Open Vault…

Obsidian Open Vault

  1. Select the source folder in the Hexo project to open it as the vault.

  1. Go to Obsidian > Settings > Files & Links
  • Set Default location for new notes to In the folder specified below
  • Set Folder to create new notes in to _posts
  • Set New link format to Absolute path in vault
  • Disable the Use [[Wikilinks]] option.
  • Set Default location for new attachements to In the folder specified below
  • Set Attachment folder path to assets/attachments

  1. You can now capture an image and paste it in Obsidian. If the image path is something like assets/attachments/xxx.png, it should work correctly.

Preview

To preview your Hexo site, you can start the Hexo server by running the following command in your terminal (under the base path of the Hexo project):

1
hexo s

This will start a local server that you can use to view your site. To check your post, simply navigate to http://localhost:4000 in your web browser. You should see your site with the latest changes you’ve made to your Hexo source folder.

To ensure that your images are displayed correctly on all pages, it’s important to check your post in various contexts. For example, you should check that images are displayed correctly on your home page, individual article pages, category pages, tag pages, and archive pages.

Deployment


  1. 1.Hexo Documentation - Official documentation for Hexo.
  2. 2.Obsidian Offical Website - Official website for Obsidian, including documentation, support, and community resources.

Hello World

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×